Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

456
Views
React-tabulator: rowClick throws an error in react functional component

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 }}
  />

 </>
)

}

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!