Expression produces a union type that is too complex to represent.ts(2590)

[mohammad-fahad]

I am using NX MonoRepo with

• Next.js: "12.1.6",
• React: "18.2.0"
• typeScript: "4.7.4", and
• "@headlessui/react": "^1.6.6",

I tried the solution of turning reactStrictMode: false but still, I can't use it. I am trying to use a Dialog but it says "Expression produces a union type that is too complex to represent.ts(2590)".

[mohammad-fahad]

@RobinMalfait
@adamwathan
Please help me!! It is URGENT!

[adamwathan]

This just looks like an editor lint error, according to the console at the bottom the project is compiling no? Seems like a TypeScript version thing.

Also chill.

[mohammad-fahad]

Thanks, @adamwathan !!!
It is woking!!

[MuttakinHasib]

@adamwathan , getting build error in production. How can I fix this.