Гэтсби, перехватывает и выбирает данные из ошибки API «Ошибка типа: Object (...) не является таблицей функций»

Question

Я пытаюсь внедрить эту таблицу в мое приложение Gatsby. В React он работал нормально. js, однако Гэтсби не хочет с этим соглашаться и продолжает выдавать ошибку TypeError: Object (...) не является функцией.

Это мой компонент таблицы ...

import React, { useState } from "react";
import { useTable, useFilters, useSortBy, useGlobalFilter } from "react-table";

const Table = ({ columns, data, plans, specials }) => {
  console.log(plans, "plan");
  console.log(specials, "special");

const [filterInput, setFilterInput] = useState("");
const [filterPlan, setFilterPlan] = useState("");
const [filterSpecial, setFilterSpecial] = useState("");

const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    rows,
    prepareRow,
    setFilter
  } = useTable(
    {...

Это возвращение страницы, которую я отрисовываю в Гэтсби ...

 return (
    <>

      <form
        onSubmit={e => {
          setUrl(api);
          e.preventDefault();
        }}
      ></form>


      {isError && <div>Something went wrong...</div>}
      {isLoading ? <div>Loading...</div> : <ul></ul>}

      {data && <Table columns={columns} data={data} plans={plans} specials={specials} />}
    </>
  );
}

export default search;

Answer 1

сработало ... Эта ошибка является результатом отсутствия обновления новой таблицы реакции.