我正在开发一个 React 前端，它调用一个 API 并尝试获取返回的 JSON 数据并使用 react-table 将其放入表格格式中。我已经为此困惑了好几天。我只使用 React 的函数和钩子。我的主要组件是：

const [tableJSON, setTableJSON] = useState('');
const [inquiryCount, setInquiryCount] = useState(1);
const [sortByColumn] = useState('INQ_RECEIVE_DATE');
const [sortByDirection] = useState('DESC');

const mid = memberId['usr-memberid'];

    const getInquiryData = async () => {
        try {
            const resp = await INQUIRY_API.inquiryList({ "memberId": mid, inquiryCount, sortByColumn, sortByDirection }, token['usr-token']);
            setTableJSON(resp);
            //return (resp);
        }
        catch (error) {
            console.log("Data load failed: " + error);
        }
    }

    useEffect(() => {
        getInquiryData();
    }, [inquiryCount]);


...
...
...
...

<HomeTableRT tabledata={tableJSON} />

我的 HomeTableRT 组件如下所示：

import React, { Fragment, useEffect, useMemo } from 'react'
import '../../css/table.css';
import { useTable, useSortBy } from 'react-table'

const columns = React.useMemo(() => [
        { Header: 'Submitted by', accessor: 'submittedBy' },
        { Header: 'Inquiry PDF', accessor: 'inquiryId_pdf', },
        { Header: 'Report Type', accessor: 'reportType', },],
        [])

//const data = React.useMemo(() => JSON.stringify(props.tabledata), [props.tabledata])
const data = React.useMemo(() => props.tabledata, [props.tabledata])

const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable({ columns, data }, useSortBy)

最后一行抛出错误 TypeError：无法读取未定义的属性“forEach”

我已经查看过 react-table repo 中的问题，似乎这是在版本更新中提出的一个问题，但似乎很久以前就解决了。我到处寻找其他线索，但却不知所措！

我正在使用： react-table": "^7.2.0", "react-scripts": "^3.4.1",

如能得到任何帮助，我们将不胜感激！