Type error: Type 'Readonly<{ children: ReactNode; }>' does not satisfy the constraint 'LayoutProps'.

[yashaswi1004]

Summary

trying to upgrade from next v14 to latest version and found this problem when trying to build my nextjs application

app/layout.tsx
Type error: Type 'Readonly<{ children: ReactNode; }>' does not satisfy the constraint 'LayoutProps'.
Types of property 'children' are incompatible.

Type 'ReactElement<unknown, string | JSXElementConstructor>' is not assignable to type 'ReactNode'.
Property 'children' is missing in type 'ReactElement<unknown, string | JSXElementConstructor>' but required in type 'ReactPortal'.

how to solve it?

Additional information

No response

Example

No response

[icyJoseph]

Did you also update @types/react? possibly react-dom types too?

[yashaswi1004]

No....same error

[icyJoseph]

What @types/react, @types/react-dom version do you have? Next.js version? could we see your package.json/tsconfig? only relevant parts

[yashaswi1004]

"devDependencies": {
"@types/node": "^20",
"@types/react": "19.1.0",
"@types/react-dom": "19.1.1",
"typescript": "^5"
},

"dependencies": {
"@fortawesome/react-fontawesome": "^0.2.2",
"next": "15.2.5",
"react": "19.1.0",
"react-dom": "19.1.0"
},

[icyJoseph]

Odd, I have this stackblitz,https://stackblitz.com/edit/nextjs-hw9ed1wo?file=package.json,tsconfig.json and I can build without type issues

I wonder if your tsconfig, or other packagers is messing up your type declarations...

[yashaswi1004]

mine is a monorepo and few other packages are using @types/react v18

i think it is the problem