Typescript@beta moduleResolution nodenext strategy breaks @emotion

[noahehall]

Current behavior:

• setting tsconfig.json.moduleResolution = node: everything is fine
• setting tsconfig.json.moduleResolution = nodenext: throws error

./src/app.tsx 13:2-15:21
[tsl] ERROR in /somedir/nirv/src/app.tsx(13,3)
      TS2307: Cannot find module '@emotion/react/jsx-runtime' or its corresponding type declarations.

Expected behavior:

• @emotion works with typescript@beta nodenext moduleResolution strategy

Environment information:

• react version:18.1
• @emotion/react version:18.1
• typescript: beta
• tsc: Version 4.7.0-dev.20220430
• pnpm: 6.32.9

** tsconfig **

{
  "include": ["src"], 
  "exclude": ["src/**/*.test.ts"],
  "compileOnSave": false,
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "allowUnreachableCode": false,
    "allowUnusedLabels": false,
    "alwaysStrict": true,
    "baseUrl": "./", 
    "checkJs": false,
    "esModuleInterop": true,
    "exactOptionalPropertyTypes": false,
    "forceConsistentCasingInFileNames": true,
    "isolatedModules": true,
    "jsx": "react-jsx",
    "jsxImportSource": "@emotion/react",
    "lib": ["dom", "dom.iterable", "esnext"],
    "module": "esnext", 
    "moduleResolution": "nodenext", <-------- breaks @emotion 
    "noFallthroughCasesInSwitch": false,
    "noImplicitAny": true,
    "noImplicitOverride": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noPropertyAccessFromIndexSignature": false,
    "outDir": "dist",
    "paths": {},
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "sourceMap": true,
    "strict": true,
    "target": "es2017", 
    "typeRoots": ["./src/@types", "./node_modules/@types"]
  }
}

[srmagura]

Thanks for the report, I can confirm this is an issue. Minimal repro: https://github.com/srmagura/emotion-nodenext-repro

[Andarist]

So the way to fix this would be to add the appropriate package.json#exports. This is, sort of, worked on here: preconstruct/preconstruct#435

[noahehall]

thank you guys! I will review preconstruct#435

[srmagura]

This should be fixed by #2819. Will test this once against that PR once it is finalized. Test repo

[koistya]

Testing @emotion/react (jsx-runtime) 11.10.0 with TypeScript 4.7.4 and moduleResolution = NodeNext.
It seems to be working as expected (in react-starter-kit).

[Andarist]

Thank you for reporting back about this 🎉