GlobalFilter 显示空行

Question

我是反应表的新手，我使用了全局过滤器，但是一旦我在搜索中输入任何内容，所有行都会消失。

GlobalFilter.js
  <MDBox width="12rem" ml="auto">
        <MDInput
          placeholder="Search..."
          value={filter || ""}
          size="small"
          fullWidth
          onChange={(e) => {
            setFilter(e.target.value);
            console.log(filter);
          }}
        />
      </MDBox>
    </>

const tableInstance = useTable(
    { columns, data, initialState: { pageIndex: 0 } },
    // useFilters,
    useGlobalFilter,
    useSortBy,
    usePagination
  );

  const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    prepareRow,
    rows,
    page,
    pageOptions,
    canPreviousPage,
    canNextPage,
    gotoPage,
    nextPage,
    previousPage,
    preGlobalFilteredRows,
    setPageSize,
    setGlobalFilter,
    //state,
    // pageIndex,
    // pageSize,
    state: { pageIndex, pageSize, globalFilter },
  } = tableInstance;


//some code
 <>
              <input
                type="text"
                value={globalFilter || ""}
                onChange={(e) => setGlobalFilter(e.target.value)}
              />
            </>

当在搜索中输入某些内容时，所有行都会消失。请帮忙？ 全局过滤器正确出现，但过滤后的行未显示