TypeError: col.getFreezeTableName is not a function

[Pat Buchanan]

We are running into this error when we have selected a cell which opens a modal which includes another grid.  After the modal is closed, if the user tries to select another cell on the first grid, this error is thrown.  The error doesn't seem to cause any problems with the grid, but since it's an uncaught error it is sent to the console.  We're changing our error handling to use error boundaries which consume the error and respond to it by displaying a new error fallback component.  The problem here is that now this error can't be ignored.

We have run into this error in 2 different functions:

Grid.prototype.getRowInfo is throwing this error (this.columnModel[cellIndex].getFreezeTableName is not a function)

getCellByColAndRowIndex is throwing this error (TypeError: col.getFreezeTableName is not a function)

Here's an example trace:

TypeError: col.getFreezeTableName is not a function

at getCellByColAndRowIndex (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:58360)

at GridComponent.Grid.getCellFromIndex (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:60508)

at Selection.clearCellSelection (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:70375)

at Selection.clearSelection (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:69656)

at Selection.destroy (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:69074)

at ModuleLoader.clean (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:8592)

at GridComponent.Component.destroy (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:8170)

at GridComponent.Grid.destroy (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:59462)

at GridComponent.ComponentBase.componentWillUnmount (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:54883)

at callComponentWillUnmountWithTimer (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:422527)

at HTMLUnknownElement.callCallback (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:403135)

at HTMLUnknownElement.wrapped (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:385268)

at Object.invokeGuardedCallbackDev (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:403184)

at invokeGuardedCallback (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:403239)

at safelyCallComponentWillUnmount (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:422534)

at commitUnmount (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:423056)

at commitNestedUnmounts (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:423110)

at unmountHostComponents (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:423390)

at commitDeletion (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:423447)

at commitMutationEffects (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:425729)

at HTMLUnknownElement.callCallback (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:403135)

at HTMLUnknownElement.wrapped (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:385268)

at Object.invokeGuardedCallbackDev (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:403184)

at invokeGuardedCallback (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:403239)

at commitRootImpl (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:425456)

at unstable_runWithPriority (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:428689)

at runWithPriority$1 (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:413986)

at commitRoot (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:425328)

at finishSyncRender (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:424754)

at performSyncWorkOnRoot (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:424740)

at modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:414036

at unstable_runWithPriority (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:428689)

at runWithPriority$1 (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:413986)

at flushSyncCallbackQueueImpl (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:414031)

at flushSyncCallbackQueue (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:414019)

at scheduleUpdateOnFiber (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:424146)

at dispatchAction (modules.js?hash=0652ae22332da1e65911a2ebcb06c26af2574802:418607)

If you could at least guard those so that the error can be avoided or caught, that would be very helpful.

Please help!!

Thank you!

[Thiyagu Subramani]

Hi Pat, 

Thanks for contacting Syncfusion support. 

Based on your shared information we have prepared and checked a sample as per your requirement. But unfortunately your reported issue “TypeError: col.getFreezeTableName is not a function” doesn’t reproduced our side. Please refer to the below sample for more reference. 

Sample link: https://stackblitz.com/edit/react-bm63gf-ntoxdc?file=index.js 

If still facing the issue, please share the below details then only we provide the appropriate solution as soon as possible. 

1.  Share issue reproducing sample or reproduce the issue in above sample and revert to us 

2. Share code example for how you rendered modal dialog when selecting the cell. 

3. Video demonstration of your issue. 

4. If possible share complete Grid code file. 

5. Syncfusion package version. 

Please get back to us, if you need any further assistance. 

Regards, 

Thiyagu S