rowy/src/views/TableView.tsx

import React, { useEffect } from "react";

import Navigation from "../components/Navigation";
import Table from "../components/Table";

import useRouter from "../hooks/useRouter";

export default function TableView() {
  const router = useRouter();
  const tableCollection = router.location.pathname.split("/")[2];

  return (
    <Navigation header={tableCollection}>
      <Table collection={tableCollection} />
    </Navigation>
  );
}