Material-UI DataGrid:如何向每个行单元格添加工具提示？

import { DataGrid, Tooltip, IconButton } from '@mui/material';
import { InfoOutlined } from '@mui/icons-material';

const columns = [
  { field: 'id', headerName: 'ID', width: 100 },
  { field: 'name', headerName: 'Name', width: 200 },
  // 其他列...
];

const rows = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Smith' },
  // 其他行...
];

const CustomCell = ({ value }) => (
  <Tooltip title="这是一个工具提示">
    <IconButton>
      <InfoOutlined />
    </IconButton>
  </Tooltip>
);

const CustomColumns = columns.map((column) => ({
  ...column,
  renderCell: (params) => <CustomCell value={params.value} />,
}));

const App = () => (
  <div style={{ height: 400, width: '100%' }}>
    <DataGrid columns={CustomColumns} rows={rows} />
  </div>
);

export default App;