React does not recognize the `allowOverflow` prop on a DOM element.

[kitingChris]

Issue Check list

• Agree to the Code of Conduct
• Read the README
• You are using React 16.8.0+
• You installed styled-components
• Include relevant code or preferably a code sandbox

Describe the bug

nextjs show the following console error:

Error: React does not recognize the `allowOverflow` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `allowoverflow` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    at createUnhandledError (http://localhost:4000/_next/static/chunks/node_modules_next_dist_client_43e3ffb8._.js:879:71)
    at handleClientError 
...

  const columns: TableColumn<DeviceTableRow>[] = [
    {
      name: 'Mandant',
      selector: (row) => row.client ?? "",
      width: "90px",
    },
    {
      name: 'Auftrags-Nr.',
      selector: (row) => {
        return row.orderNumber ?? ""
      },
      width: "120px",
    },
    {
      name: 'Serien-Nr.',
      selector: (row) => row.serialNumber,
      width: "110px",
    },
    {
      name: 'Anlagentyp',
      selector: (row) => row.deviceType ?? "",
      width: "120px",
    },
    {
      name: 'Level',
      cell: (row) => <AreaChartMini data={row.tankLevel} />,
      ignoreRowClick: true,
      allowOverflow: true,
      center: true,
      width: '120px',
    },
  ];

  return (
    <>
      <div className="row">
        <div className="col-md-12">
          <div className="card bg-light shadow">
            <div className="card-body">
              <DataTable columns={columns} data={devices} />
            </div>
          </div>
        </div>
      </div>
    </>