如何在react-bootstrap- table -next表的列中显示倒计时？

import React, { useState, useEffect } from 'react';
import BootstrapTable from 'react-bootstrap-table-next';
import cellEditFactory from 'react-bootstrap-table2-editor';

const columns = [
  {
    dataField: 'id',
    text: 'ID'
  },
  {
    dataField: 'name',
    text: 'Name'
  },
  {
    dataField: 'countdown',
    text: 'Countdown',
    formatter: (cell, row) => {
      const [count, setCount] = useState(row.countdown);

      useEffect(() => {
        const timer = setInterval(() => {
          setCount(count - 1);
        }, 1000);

        return () => {
          clearInterval(timer);
        };
      }, [count]);

      return <span>{count}</span>;
    }
  }
];

const data = [
  { id: 1, name: 'Item 1', countdown: 10 },
  { id: 2, name: 'Item 2', countdown: 20 },
  { id: 3, name: 'Item 3', countdown: 30 }
];

const MyTable = () => {
  return (
    <BootstrapTable
      keyField="id"
      data={data}
      columns={columns}
      cellEdit={cellEditFactory({ mode: 'click', blurToSave: true })}
    />
  );
};