In Development
Last Updated:
11 Feb 2025 16:32
by ADMIN
Scheduled for 2025 Q1 (Feb)
David
Created on:
05 Feb 2025 02:22
Category:
Data Grid
Type:
Bug Report
GridNoRecords generates TS2786 during webpack compilation with React 18
As stated in the subject. To reproduce:
- Create a blank react project as per the KendoReact Data Grid Getting Started documentation e.g.
npx create-react-app my-app --template typescript
- Change the react and react-dom dependencies in the generated package.json file from ^19.0.0 to ^18.0.0, add corresponding "@types/react": "^18.0.0" and "@types/react-dom": "^18.0.0" entries to devDependencies, and add a standard tsconfig.json file e.g.
{
"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"
},
"include": [
"src"
]
}- Install required @progress packages as per the KendoReact Data Grid Getting Started documentation e.g.
npm i @progress/kendo-react-grid @progress/kendo-data-query @progress/kendo-react-data-tools @progress/kendo-react-inputs @progress/kendo-react-intl @progress/kendo-react-dropdowns @progress/kendo-react-dateinputs @progress/kendo-drawing @progress/kendo-react-animation @progress/kendo-licensing @progress/kendo-react-buttons @progress/kendo-react-treeview @progress/kendo-react-popup @progress/kendo-svg-icons @progress/kendo-theme-default
- Delete content generated by create-react-app which is not required e.g. App.test.tsx, logo.svg, reportWebVitals.ts, setupTests.ts and corresponding references
- Confirm you can run npm start with no webpack errors or warnings (see screenshot)
- Add a <Grid> with <GridNoRecords> to App.tsx e.g.
<div className="App">
<header className="App-header">
<Grid>
<GridNoRecords>This generates TS2786</GridNoRecords>
</Grid>
</header>
</div>Confirm that npm start results in error TS2786 (see screenshot).
Please see attached for the sample project (with the node_modules folder removed). I believe this error was introduced in v9.0.0 as part of the migration from classes to functional components.
Attached Files:
1 comment
ADMIN
Vessy
Posted on:
11 Feb 2025 16:32