Where should be the place to have al incoming data from store in order to be reusable.

[MRSTIGLITZ]

Right now I have a working table which use data from a store file. It looks like this:

const Table = ({
  history,
  location,
  data,
  columns,
  handleFilters,
  filtersDta,
  loading,
  fetchRegisters,
  pageCount: controlledPageCount,
  filterVal,
}) => {
  const {
    sortBy,
    limitSize,
    tablePageIndex,
    increaseTableIndex,
    decreaseTableIndex,
    resetTableIndex,
    setLastPage,
  } = useRegisterStore();
  const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    prepareRow,
    page,
    canPreviousPage,
    canNextPage,
    pageOptions,
    setGlobalFilter,
    setPageSize,
    state: {
      globalFilter, pageIndex, pageSize,
    },
  } = useTable(
    {
      data,
      columns,
      useControlledState: state => useMemo(
        () => ({
          ...state,
          pageIndex: tablePageIndex,
        }),
        [
          state,
          tablePageIndex,
        ],
      ),
      initialState: { sortBy },
      manualPagination: true,
      pageCount: controlledPageCount,
      autoResetPage: false,
      autoResetFilters: false,
    },
    useFilters,
    useGlobalFilter,
    useSortBy,
    usePagination,
  );

If I want this table to be reusable e.g(maybe another component doesn't need this data from store) where should be the place to have all this props and data coming from my store?