如何将列隐藏从react-table 6升级到react-table 7

<ReactTable
  data={data}
  columns={[
    {
      Header: "Name",
      accessor: "name"
    },
    {
      Header: "Age",
      accessor: "age",
      show: false // 隐藏该列
    },
    {
      Header: "Email",
      accessor: "email"
    }
  ]}
/>

npm install react-table@7.0.0

import { useTable, useColumnVisibility } from 'react-table';

const data = [
  { name: "John", age: 25, email: "john@example.com" },
  { name: "Jane", age: 30, email: "jane@example.com" },
  { name: "Bob", age: 35, email: "bob@example.com" }
];

const columns = React.useMemo(
  () => [
    {
      Header: "Name",
      accessor: "name"
    },
    {
      Header: "Age",
      accessor: "age"
    },
    {
      Header: "Email",
      accessor: "email"
    }
  ],
  []
);

const {
  getTableProps,
  getTableBodyProps,
  headerGroups,
  rows,
  prepareRow,
  visibleColumns,
  setHiddenColumns
} = useTable({ columns, data }, useColumnVisibility);

return (
  <div>
    <button onClick={() => setHiddenColumns(["age"])}>隐藏Age列</button>
    <table {...getTableProps()}>
      <thead>
        {headerGroups.map(headerGroup => (
          <tr {...headerGroup.getHeaderGroupProps()}>
            {headerGroup.headers.map(column => (
              <th {...column.getHeaderProps()}>{column.render("Header")}</th>
            ))}
          </tr>
        ))}
      </thead>
      <tbody {...getTableBodyProps()}>
        {rows.map(row => {
          prepareRow(row);
          return (
            <tr {...row.getRowProps()}>
              {row.cells.map(cell => (
                <td {...cell.getCellProps()}>{cell.render("Cell")}</td>
              ))}
            </tr>
          );
        })}
      </tbody>
    </table>
  </div>
);