Question: rowClick throws error in react functional component

[arusikgrigorian]

Environment Details:
"react": "^18.1.0",
"react-dom": "^18.1.0",
"react-tabulator": "^0.18.1",

Issue Description:
While clicking on a row apart from getting the required information I'm getting an error. Here it is:

//error
Uncaught TypeError: component.getComponent is not a function
at Interaction.dispatchEvent (Interaction.js:293:1)
at Interaction.handle (Interaction.js:239:1)
at InternalEventBus.js:130:1
at Array.forEach ()
at InternalEventBus._dispatch (InternalEventBus.js:129:1)
at InteractionManager.dispatch (CoreFeature.js:78:1)
at InteractionManager.triggerEvents (InteractionMonitor.js:302:1)
at InteractionManager.track (InteractionMonitor.js:204:1)

//required information
//PointerEvent {isTrusted: true, pointerId: 1, width: 1, height: 1, pressure: 0, …}
//{title: 'some title', assignees: Array(1), description: '', milestone: 'some milestone', labels: Array(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 checking to display the error component or the loader
<>
//other components

        <ReactTabulator
         data={data}
         columns={columns}
         events={{ rowClick: rowClickHandler }}
         />

     </>
 )

}

[ArtemGoldsmith]

Having the same issue, any ideas how to fix it?

[dborowiec10]

Same issue here

[HugoP27]

Same issue here, any workaround yet?

[awatson32]

I guess a solution was never found for this?