Paginação antd React

Olá, estou usando o Antd em um projeto react e ao usar a table com paginação, ocorre esse bug com a paginação:

inserir a descrição da imagem aqui

Ja tentei mudar ela de lado, mas não funcionou. O codigo do componente:

import React from 'react'
import { Table, } from 'antd';
import * as ImIcons from 'react-icons/im';
import "../assets/styles/components/table.css"

interface Props {
  dataSource: object();
  columns: any();
  rowKey: string;
  title: any;
}


const TableComponent: React.FC<Props> = ({ dataSource, columns, rowKey, title }) => {
  const locale = {
    emptyText: (
      <div className="noData">
        <ImIcons.ImFileEmpty size="30" />
        <p>

          Sem dados para exibir
        </p>

      </div>
    )
  }

  const pagination = {
    defaultPageSize: 5,
    showSizeChanger: true,
    pageSizeOptions: ('5', '10', '30'),

  }
  return (




    <Table
      dataSource={dataSource}
      columns={columns}
      rowKey={rowKey}
      size="small"
      pagination={pagination}
      title={title}
      locale={locale}
      bordered
    />


  )
}

export default TableComponent