1. Feedback
  2. React
  3. 38291

Welcome to the React feedback portal. We’re happy you’re here! If you have feedback on how to improve the React, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Changing data source for Grid does not work in Strict mode

If you initialize a Grid component with an empty data source, then change it on a button click, you get an error.

I reproduced this by taking the code from the demo (https://ej2.syncfusion.com/react/demos/#/bootstrap5/grid/grouping) and adding captionTemplate as found here (https://ej2.syncfusion.com/react/documentation/grid/grouping/caption-template/). I found this suggestion (https://www.syncfusion.com/feedback/34073/need-to-provide-compatible-support-for-strict-mode-in-react-18) to remove React.StrictMode from index.js and that works. This was fixed for that particular case, but we need it fixed for Grid components with captionTemplate in groupSettings as well.

You get the following error:

Uncaught TypeError: Cannot read properties of undefined (reading 'columns')

    at Group.onPropertyChanged (group.js:1001:1)

    at Observer.notify (observer.js:101:1)

    at Component.notify (component.js:267:1)

    at Grid.onPropertyChanged (grid.js:1702:1)

    at Base.dataBind (base.js:120:1)

    at Component.dataBind (component.js:215:1)

    at Base.setProperties (base.js:66:1)

    at Grid.setProperties (grid.js:1915:1)

    at ComponentBase.refreshProperties (component-base.js:158:1)

    at ComponentBase.updateProperties (component-base.js:149:1)