Environment Details:
"react": "^18.1.0",
"react-dom": "^18.1.0",
"react-tabulator": "^0.18.1",
Issue Description:
While clicking on a row along with getting the required information I'm getting an error. Here it is:
Uncaught TypeError: component.getComponent is not a function <br>
at Interaction.dispatchEvent (Interaction.js:293:1) <br>
at Interaction.handle (Interaction.js:239:1) <br>
at InternalEventBus.js:130:1 <br>
at Array.forEach () <br>
at InternalEventBus._dispatch (InternalEventBus.js:129:1) <br>
at InteractionManager.dispatch (CoreFeature.js:78:1) <br>
at InteractionManager.triggerEvents (InteractionMonitor.js:302:1) <br>
at InteractionManager.track (InteractionMonitor.js:204:1)
Question:
How can I fix it or simply not to get that error ?
Code:
const Component = () =>
//some constants here
const { loading } = useQuery(MY_QUERY {
onCompleted: (data) => {
//some code here
},
onError: (err) => {
//some code here
},
}
const rowClickHandler = (e, row) => {
console.log(e, row.getData());
}
return (
//some code here
<>
//other components
<ReactTabulator
data={data}
columns={columns}
events={{ rowClick: rowClickHandler }}
/>
</>
)
}