We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

TypeError: Cannot read properties of undefined (reading 'getFocusableGroupedItems')

Hello! I've tried to do the grid with manual search and pagination. However, if I tried to search and press enter the error keeps throwing an error whenever I press enter when searching:

 Unhandled Runtime Error

TypeError: Cannot read properties of undefined (reading 'getFocusableGroupedItems')

I've attached the code sandbox below: CODESANDBOX CODE Check the error here: https://xkp8hi-3000.csb.app/playground

The error exists on the playground page whenever I try to navigate to search then enter.

3 Replies

DM Dineshnarasimman Muthu Syncfusion Team April 27, 2023 05:03 PM UTC

Hi Jocarl,

We have reviewed your query about issue in the custom search. We tried opening the code sandbox which you have provided, but it appears that the page was not found. We have attached the screenshot of it. To proceed further can you please provide the following information which will be very helpful to give quick and better solution.

  • Grid rendered code.
  • Version of Syncfusion package.
  • Can you please ensure the code sandbox link.



Attachment: Image_a8dfdf76.zip

JB Jocarl Basco April 27, 2023 05:55 PM UTC

Hello there! 
You may check the attached file below for the code of it. By the way, the code is no current search function for filtering the data but I want to find out what causing the problem existing in it when I try to input a value and search into it.

Attachment: pupqcpmsdraftrelaxedbash_d11f0b9c.zip

DM Dineshnarasimman Muthu Syncfusion Team May 12, 2023 08:35 AM UTC

Hi Jocarl

We apologize for delay response. We have reviewed your query about getFocusableGroupedItems error. After reviewing your code from the sample you have provided, we noticed that you didn’t injected the Group module to the grid. We suggest you to inject the Group to the grid in the inject service. We have attached a code snippet and sample for your reference.

      <Inject services={[Page,Group]} />

Sample: https://stackblitz.com/edit/react-qlqg86?file=index.js

Please let us know if you need any further assistance.



Live Chat Icon For mobile
Up arrow icon