chore: downgrade react to 18

react-debounce-input doesn't support it yet.

src/routes/transactions.tsx

@@ -12,14 +12,6 @@ import { DebounceInput } from "react-debounce-input";
 
 const PageSize = 30;
 
-type Transaction = {
-  id: number;
-  date: string;
-  description: string;
-  value: number;
-  category: string;
-};
-
 async function loader(page = 0, category: string | undefined = "") {
   const url = new URL("http://localhost:9000/transactions");
   url.search = new URLSearchParams({
@@ -28,14 +20,17 @@ async function loader(page = 0, category: string | undefined = "") {
     ...(category !== "" && { category: category }),
   }).toString();
 
-  return await fetch(url).then(async (response) => {
+  return await fetch(url).then((response) => response.json());
-    return {
-      transactions: (await response.json()) as Transaction[],
-      totalCount: response.headers.get("x-total-count"),
-    };
-  });
 }
 
+type Transaction = {
+  id: number;
+  date: string;
+  description: string;
+  value: number;
+  category: string;
+};
+
 const columnHelper = createColumnHelper<Transaction>();
 
 const columns = [
@@ -75,11 +70,12 @@ export default function Transactions() {
 
   const table = useReactTable({
     columns,
-    data: data?.transactions ?? [],
+    data,
     getCoreRowModel: getCoreRowModel(),
     manualPagination: true,
     manualFiltering: true,
-    rowCount: data?.totalCount ? +data.totalCount : undefined,
+    // rowCount: , // TODO: get this from the server
+    pageCount: -1,
     onPaginationChange: setPagination,
     onColumnFiltersChange: setColumnFilters,
     state: {