如何在表格单元格(react-bootstrap- table -next)中换行一个长文本？

import BootstrapTable from 'react-bootstrap-table-next';

const columns = [
  {
    dataField: 'text',
    text: '文本',
    formatter: (cell, row) => (
      <div style={{ whiteSpace: 'pre-wrap' }}>{cell}</div>
    ),
  },
];

const data = [
  { id: 1, text: '这是一个很长的文本，需要在表格单元格中换行显示。' },
  { id: 2, text: '这是另一个长文本，同样需要换行显示。' },
];

const MyTable = () => (
  <BootstrapTable keyField="id" data={data} columns={columns} />
);