Sticky header not working with JsonAdaptor datasource

Question

Hi,I would like to use the sticky header for my grid components, however I'm always getting the following error:Uncaught TypeError: Cannot use 'in' operator to search for '__eventList' in undefined
    at Function.EventHandler.addOrGetEventData (event-handler.js:27)
    at Function.EventHandler.remove (event-handler.js:82)
    at Scroll.addStickyListener (scroll.js:317)
    at Scroll.destroy (scroll.js:501)
    at GridComponent.Grid.destroyDependentModules (grid.js:1026)
    at GridComponent.Grid.destroy (grid.js:1003)
    at GridComponent.ComponentBase.componentWillUnmount (component-base.js:395)
    at callComponentWillUnmountWithTimer (react-dom.development.js:20413)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
    at invokeGuardedCallback (react-dom.development.js:4056)
    at safelyCallComponentWillUnmount (react-dom.development.js:20420)
    at commitUnmount (react-dom.development.js:20951)
    at commitNestedUnmounts (react-dom.development.js:21004)
    at unmountHostComponents (react-dom.development.js:21290)
    at commitDeletion (react-dom.development.js:21347)
    at commitMutationEffects (react-dom.development.js:23407)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
    at invokeGuardedCallback (react-dom.development.js:4056)
    at commitRootImpl (react-dom.development.js:23121)
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11276)
    at commitRoot (react-dom.development.js:22990)
    at performSyncWorkOnRoot (react-dom.development.js:22329)
    at react-dom.development.js:11327
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11276)
    at flushSyncCallbackQueueImpl (react-dom.development.js:11322)
    at flushSyncCallbackQueue (react-dom.development.js:11309)
    at unbatchedUpdates (react-dom.development.js:22438)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js:26020)
    at Object.render (react-dom.development.js:26103)
    at Module. (index.tsx:16)
    at Module../src/index.tsx (index.tsx:33)
    at __webpack_require__ (bootstrap:856)
    at fn (bootstrap:150)
    at Object.1 (ts.ts:40)
    at __webpack_require__ (bootstrap:856)
    at checkDeferredModules (bootstrap:45)
    at Array.webpackJsonpCallback [as push] (bootstrap:32)
    at main.chunk.js:1I think the problem is arrising when using the JsonAdaptor (or a json datasource), since I don't have any other properties or services in my grid active.I attached a demo code, that shows the error.Attachment: help_4cb9ef01.zip

Joseph Christ Nithin Issack · Answer

Hi Laurin, 

  Greetings from Syncfusion support. 

  Based on your query, when you try to use the sticky header in the grid you are getting a script error. Based on the code example provided, we have created a sample, but we were not able to reproduce the reported issue. We have attached the sample for your convenience. We would like you to share the following information so that we will be able to provide a better solution. 


Replication procedure for the reported issue.
Try to reproduce the issue in the sample shared or share a simple sample to reproduce the issue.
Share the Syncfusion package version you are using.

Sample: https://stackblitz.com/edit/react-yxdjtg-2k6vai?file=index.js 

Regards, 
Joseph I.