Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 07 Mar 2025 13:46 by ADMIN
Release 2025 Q1 (Feb)
David
Created on: 05 Feb 2025 02:22
Category: Data Grid
Type: Bug Report
1
GridNoRecords generates TS2786 during webpack compilation with React 18

As stated in the subject. To reproduce:

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"
    ]
  }
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:
3 comments
ADMIN
Plamen
Posted on: 07 Mar 2025 09:50

Hello,

I checked the Telerik points history and it seems like they were not updated correctly so I updated them now.

  If you have further questions or you observe other issues please don't hesitate to contact us again.

Regards,
Plamen
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

David
Posted on: 06 Mar 2025 09:23

Hi Vessy,

Thanks for fixing the issue. I still seem to have 0 Telerik points, do they take a while to update?

Kind regards,

David

ADMIN
Vessy
Posted on: 11 Feb 2025 16:32

Hi, David,

Thank a lot for bringing this issue to our attention! I managed to reproduce it and logged it with the highest priority in our github backlog, you can track its progress here:

I have also updated your Telerik points accordingly.

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category