Wrong detailPanel prop signature when passing array of functions

[tondi]

When passing array of functions to detailPanel prop, a typescript error is shown. It works well in runtime.

type RowData = { word: string };

const App = () => {
  const [data, setData] = useState(rawData);

  return (
    <MaterialTable<RowData>
      data={data}
      columns={columns}
      title="Starter Template"
      icons={tableIcons}
      // here:
      detailPanel={[
        (rowData) => ({
          render: () => <pre>{rowData.word}</pre> // Property 'word' does not exist on type '{ rowData: RowData; }'.ts(2339) error
        })
      ]}
    />
  );
};

rowData.word gives Property 'word' does not exist on type '{ rowData: RowData; }'.ts(2339)

To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/material-table-starter-template-forked-yrup9?file=/src/index.tsx
2. See error in detailPanel definition
3. Expand row
4. Notice that data is properly rendered

Screenshots

We probably want no ts error when using (rowData: RowData) => ...

--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -28,7 +28,7 @@ export interface MaterialTableProps<RowData extends object> {
     | (({ rowData }: { rowData: RowData }) => React.ReactNode)
     | (
         | DetailPanel<RowData>
-        | (({ rowData }: { rowData: RowData }) => DetailPanel<RowData>)
+        | (( rowData: RowData ) => DetailPanel<RowData>)
       )[];
   editable?: {
     isEditable?: (rowData: RowData) => boolean;

or a change in detailPanel to make it really return { rowData: RowData }

[Domino987]

Rowdata needs to be the type of the row and not if the column. Rowdata does not contain Word, so it's correct. If you update your type to include word it will work.

[tondi]

Sorry, it should be type RowData = { word: string }. I created this example quickly.
Here you can see screenshot with RowData updated to correct type, and that the error persists:

https://codesandbox.io/s/material-table-starter-template-forked-vbd27?file=/src/index.tsx:496-529

[tondi]

@Domino987 Do you want me to submit a PR with the proposed fix?

[Domino987]

I am currently looking into it but sure!