reactjs - 将反应数据表组件添加到功能组件时，我得到元素类型无效错误

Question

当我添加和导出 react-data-table-component 时，我收到以下错误：元素类型无效：预期字符串（用于内置组件）或类/函数/...您可能忘记导出组件。

我的代码：

import React from "react";

import DataTable from 'react-data-table-component';

// test data
const columns = [
    {
        name: 'Title',
        selector: row => row.title,
    },
    {
        name: 'Year',
        selector: row => row.year,
    },
];

const data = [
    {
        id: 1,
        title: 'Beetlejuice',
        year: '1988',
    },
    {
        id: 2,
        title: 'Ghostbusters',
        year: '1984',
    },
]


export default function Attendance() {
  console.log(data);

    return (
      <DataTable
           columns={columns}
           data={data}
           selectableRows
       />
    );

}

然后我将它导入到另一个 rmodule 中，如下所示：

import Attendance from "../screens/Attendance";

当我删除数据表时，它可以与常规视图组件一起正常工作。知道我做错了什么吗？