'SelectCellFormatter' cannot be used as a JSX component.

[leinjay]

when i copy "website/demos/CommonFeatures.tsx" to my react project , it can not run , could you tell me the reason , thank you

maybe the function "useDefaultRenderers()" return "undefined"

[nstepien]

Sounds like you need to update the @types/react/@types/react-dom packages in your project

[leinjay]

in my project:
"@types/react": "^18.2.47",
"@types/react-dom": "^18.2.18",
which is higher than react-data-grid requires,
maybe the other reason?

[nstepien]

What version of TypeScript do you use?

[pavlovich]

We are experiencing the exact same issue with this package. Our version info is as follows:

"typescript": "^4.7.4",
"react": "^18.2.0",
"react-data-grid": "^7.0.0-beta.42",
"react-dom": "^18.2.0",
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"@types/node": "^16.11.41",
"@types/react": "^18.0.14",
"@types/react-dom": "^18.0.5",

and our tsconfig file contains the following:

{
"compilerOptions": {
"target": "ES6",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx"
},
"typeRoots": [
"src/types",
"node_modules/@types",
],
"include": [
"src"
]
}

Any help would be appreciated.

[amanmahajan7]

Can you create a reproducible example?