Почему я должен обновлять страницу, когда я удаляю строку?

Я использую опцию удаления строки для моей таблицы с данными API, и запрос на удаление работает хорошо, но мне нужно обновить страницу, чтобы обновить мои строки. Знаете ли вы, почему и что я могу сделать? я использую react-table-v7

const useTableResource = () => {
  const {data} = apiData();
  const resourcesData = data;
  
  const resourcesDataLength = resourcesData.length;
  const query = window.matchMedia('(max-width: 750px)');
 

  const resourcesColumns = useMemo(() => [
    {Header: 'Tittle', accessor: 'name'},
    {
      id: 'delete',
      accessor: () => 'delete',
      disableSortBy: true,
      Cell: ({row}) => <div onClick = {(event) => event.stopPropagation()} style = {{
        display: 'flex',
        justifyContent: 'center'
      }}>
        <DeleteModal delb = {async () => {
          await axios.delete(`api/resources?_id=${row.original._id}`);
        }}/>

      </div>

    }
  ], []);


  const tableInstance = useTable({
    columns: resourcesColumns,
    data: resourcesData, //here load the data for my table
    disableSortRemove: true,
    initialState: {
      sortBy: [{id: 'resourceType.name', desc: false}],
      pageSize: 10
    }
  }, useSortBy, usePagination);


  return {
    tableInstance,
    resourcesColumns,
    resourcesDataLength
  };
};

export default useTableResource;