TypeScript type error with React 19 types

[danielrentz]

🐛 Bug Report

Type error with React v19 types. The global type namespace JSX has been removed for better compatibility with other JSX libs.

https://react.dev/blog/2024/04/25/react-19-upgrade-guide#the-jsx-namespace-in-typescript

To Reproduce

just use @types/react v19 and react-i18next in a project, and run tsc (without skipLibChecks).

node_modules/react-i18next/index.d.ts:147:23 - error TS2694: Namespace 'global.JSX' has no exported member 'LibraryManagedAttributes'.

147   ResolvedProps = JSX.LibraryManagedAttributes<
                          ~~~~~~~~~~~~~~~~~~~~~~~~

Expected behavior

no type error

Your Environment

• runtime version: i.e. node v20.18.0
• i18next version: i.e. 24.1.0
• os: Windows 11
• React version: 19.0.0
• @types/react version: 19.0.1

[adrai]

Can you check if this addressed that issue? #1822

[danielrentz]

@adrai Exactly!

[adrai]

addressed in v15.2.0

[danielrentz]

@adrai works for me, thank you!

[saitejayelubolu]

Typescript React follows these steps:

npm install -g typescript

then

npm uninstall react react-dom

then

npm install react@18 react-dom@18

then

npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 @types/jest@^27.0.1 @types/node@^16.7.13 @types/react@^18.0.0 @types/react-dom@^18.0.0 typescript@^4.4.2 web-vitals@^2.1.0

then

npx tsc --init

then

npx tsc --build --clean

then

npm install --save-dev typescript

then

open the tsconfig.json
replace code below

{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "es2015"],
"allowJs": true,
"jsx": "react-jsx", // Add this line to enable JSX handling
"moduleResolution": "node",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true,
"forceConsistentCasingInFileNames": true
},
"include": [
"src"
]
}

then

goto src/App.tsx

comment 2nd line
// import logo from "./logo.svg";

comment 9th line
{/* logo */}

then

npm start

or you can go with this YouTube link: https://youtu.be/_0_kW0xI7P8?si=JWDu0Lyskflmdjol