Do we have a simple way to add onRowClick?

[azs-dev]

I am looking at the 3rd example of this page - https://material-table.com/#/docs/features/detail-panel

I am currently using this:
muiTableBodyRowProps: ({ row }) => ({ onClick: () => { row.toggleExpanded(); }, sx: { cursor: "pointer", }, }),

and I have this as my renderDetailPanel:

renderDetailPanel: ({ row }: any) => { const rowDropdownData = row.original; return <ProjectView rowDropdownData={rowDropdownData} />; },

There are tags inside my ProjectView component which gets overridden by the row.toggleExpanded(); thus closing the renderDetailPanel and leaving the tag unusable. Is there a way to solve this?