@emotion/serialize/types/index.ts TS2411: error

[ovaris]

Current behavior:

TypeScript compiler throws numerous errors related to CSSInterpolation:

node_modules/@emotion/serialize/types/index.d.ts:37:18 - error TS2411: Property 'zoom' of type 'Zoom | readonly NonNullable<Zoom | undefined>[] | ("normal" | "reset" | (string & {}) | Globals)[] | undefined' is not assignable to 'string' index type 'CSSInterpolation'.

Found 825 errors in the same file, starting at: node_modules/@emotion/serialize/types/index.d.ts:37

Using TS version 5.3.2

Not sure what changed but suddenly index.d.ts appered under node_modules/@emotion/serialize/types even though we have been using same version 1.1.2 all the time (or actually it's dependency of react-select)

└─┬ react-select@5.7.2
└─┬ @emotion/react@11.11.1
├─┬ @emotion/babel-plugin@11.11.0
│ └── @emotion/serialize@1.1.2 deduped
└── @emotion/serialize@1.1.2

[Andarist]

Please always try to share a repro case in a runnable form - either by providing a git repository to clone or a codesandbox. OSS maintainers usually can't afford the time to set up the repro, even if exact steps are given.

[mitchhentgesspotify]

Hey, I'm seeing the same thing! I've got a repro repo over here for you, Andarist

EDIT: I'm seeing this error after updating my project's yarn.lock. However, neither @emotion dependencies neither typescript itself were included in the updates, so it's unclear what is causing this to fail. I'm not sure that this is an issue with @emotion/stylize, necessarily. Hmm.

[kamenminkovcom]

This is causing the issue - frenic/csstype#189

[sg785-sakshi]

Current behavior:

TypeScript compiler throws numerous errors related to CSSInterpolation:

node_modules/@emotion/serialize/types/index.d.ts:37:18 - error TS2411: Property 'zoom' of type 'Zoom | readonly NonNullable<Zoom | undefined>[] | ("normal" | "reset" | (string & {}) | Globals)[] | undefined' is not assignable to 'string' index type 'CSSInterpolation'.

Found 825 errors in the same file, starting at: node_modules/@emotion/serialize/types/index.d.ts:37

Using TS version 5.3.2

Not sure what changed but suddenly index.d.ts appered under node_modules/@emotion/serialize/types even though we have been using same version 1.1.2 all the time (or actually it's dependency of react-select)

└─┬ react-select@5.7.2
└─┬ @emotion/react@11.11.1
├─┬ @emotion/babel-plugin@11.11.0
│ └── @emotion/serialize@1.1.2 deduped
└── @emotion/serialize@1.1.2

Having the same issue as well

[heath-freenome]

I'm seeing the same thing in my builds now too. Any idea when the fix will be released?

[therockerline]

I have the same error in my repository, I saw a pull request for csstype in range, when is it accepted?

[suren-atoyan]

I have the same issue!

[w9nder]

Same issue here.

[heegu0311]

Same issue here.

[kauan-carvalho-code]

I was experiencing the same issue, and it was resolved by setting the skipLibCheck property to true within the compilerOptions in the tsconfig file.

[ERICWILFER]

same issue here

[heegu0311]

@kauan-carvalho-code Thanks. In my case, my IDE(webstorm) worked too slowly to keep coding.
It was probably due to so many errors(more than 800). After changing skipLibCheck to true, IDE is working fine now. 😃

[yanachrnsh]

same issue

[heath-freenome]

@kauan-carvalho-code Thanks. In my case, my IDE(webstorm) worked too slowly to keep coding. It was probably due to so many errors(more than 800). After changing skipLibCheck to true, IDE is working fine now. 😃

I tried doing that for my builds and it still fails

[sacummings91]

I'm pretty sure it's cuz skipLibCheck: true doesn't apply if you are importing types into your application code.

We have skipLibCheck: true in our tsconfig and it fails for us in our application code because we are using react-select in there and importing some react-select types which ultimately import types from csstype

[sacummings91]

If anyone is looking for a workaround I used the solution in this comment pinning csstype to 3.1.2 for now. frenic/csstype#189 (comment)

[emmatown]

Fixed by #3141