Problem z pobieraniem danych z material-react-table (https://www.material-react-table.com)

Dzień dobry,
mam tablice z danymi o nazwie ,,dane"

 const [dane,setdane] = React.useState([]);

do której zostały przypisane wartości

    fetch('http://localhost:3001/dane')
    .then(response => response.json())
    .then(data => {
      setdane(data);
      console.log(data);
    })
    .catch(error => {
      console.error(error);
    });
    setladowanie(false);
  },[]);

w formacie:
[{"id":37,"dane":"Dobrze wykonane"}]
Jak za pomocą rowSelection wyświetlić np: id lub pole dane?
Poniżej zamieszczam treść mojego kodu:

useEffect(() => {

    console.log({ rowSelection });

  }, [rowSelection]);
  

  return (
    <div className="App">
      <header className="App-header">
      <MaterialReactTable
      columns={columns}
      data={dane}
      getRowId={(row) => row.userId} 
      enableTopToolbar={false} //hide top toolbar
      state={{ isLoading: ladowanie, rowSelection  }}
    
      enableFullScreenToggle={false}
      onRowSelectionChange={setrowSelection} 
     // onRowSelectionChange={setRowSelection}
     muiTableBodyRowProps={({ row }) => ({

      onClick: row.getToggleSelectedHandler(),

      sx: { cursor: 'pointer' },

    })}
      enableMultiRowSelection={false}
 
    />
........

Jeżeli wyświętle w konsoli zawartość rowSelection to otrzymam to co jest na poniższym obrazku (wyświetla to jako object).

Po dłuższych eksperymentach najlepszy rezultat dla mnie dało dodanie do sekcji < <MaterialReactTable > poniższego kodu

      muiTableBodyRowProps={({ row }) => ({

            onClick: row.getToggleSelectedHandler(),
            onSelect: () => {
              console.log(row.original.id); <= tutaj pobiera dla mnie istotne dane z kolumny ,,ID"
            },
            sx: { cursor: 'pointer' },
          })}

virusek391 napisał(a):

Po dłuższych eksperymentach najlepszy rezultat dla mnie dało dodanie do sekcji < <MaterialReactTable > poniższego kodu

      muiTableBodyRowProps={({ row }) => ({

            onClick: row.getToggleSelectedHandler(),
            onSelect: () => {
              console.log(row.original.id); <= tutaj pobiera dla mnie istotne dane z kolumny ,,ID"
            },
            sx: { cursor: 'pointer' },
          })}