TTC

Theo's Typesafe Cult•2y ago•

1 reply

Mikołaj Kowal

TypeScript NX Async Server Component TypeScript Error

Hello everyone! I'm seeking advice on a TypeScript issue within a Next.js project managed by NX Workspaces. Despite following the official guidelines (https://nextjs.org/docs/app/building-your-application/configuring/typescript#async-server-component-typescript-error), I'm still running into problems. Here's the version info of the main tools and libraries I'm using:

TypeScript Version: ~5.3.2
NX Version: 18.1.3
Next.js Version: Integrated with NX 18.1.3
@types/react Version: 18.3.1

tsconfig.base.json
{
"compileOnSave": false,
"compilerOptions": {
"jsx": "preserve",
"rootDir": ".",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"target": "es2015",
"module": "ESNext",
"lib": ["es2020", "dom", "DOM.Iterable"],
"skipLibCheck": true,
"skipDefaultLibCheck": true,
"baseUrl": ".",
"exclude": ["node_modules", "tmp"]
}

package.json:
"devDependencies": {
"@nx/cypress": "18.1.3",
"@nx/eslint": "18.1.3",
"@nx/eslint-plugin": "18.1.3",
"@nx/jest": "18.1.3",
"@nx/js": "18.1.3",
"@nx/next": "18.1.3",
"@nx/react": "18.1.3",
"@nx/workspace": "18.1.3",
"@types/jest": "^29.4.0",
"@types/node": "18.16.9",
"@types/react": "18.3.1",
"@types/react-dom": "18.3.0",
"ts-node": "10.9.1",
"typescript": "~5.3.2"
},

Configuring: TypeScript | Next.js

Next.js provides a TypeScript-first development experience for building your React application.