如何在MUI-Datatables中展开单元格以显示其他内容？

{
  name: 'Details',
  options: {
    customBodyRender: (value, tableMeta, updateValue) => {
      return (
        <ExpandableCell
          value={value}
          tableMeta={tableMeta}
          updateValue={updateValue}
        />
      );
    }
  }
}

import React, { useState } from 'react';

const ExpandableCell = ({ value, tableMeta, updateValue }) => {
  const [expanded, setExpanded] = useState(false);

  const handleExpand = () => {
    setExpanded(!expanded);
  };

  return (
    <div>
      <div onClick={handleExpand}>
        {expanded ? 'Collapse' : 'Expand'}
      </div>
      {expanded && (
        <div>
          {/* 在这里显示其他内容 */}
        </div>
      )}
    </div>
  );
};

export default ExpandableCell;