diff --git a/src/routes/invoices.index.tsx b/src/routes/invoices.index.tsx
index 37503ea..2667cf5 100644
--- a/src/routes/invoices.index.tsx
+++ b/src/routes/invoices.index.tsx
@@ -26,6 +26,8 @@ export const Route = createFileRoute("/invoices/")({
 
 type UnbilledStatus = "unbilled" | "marked" | "all";
 
+const PAGE_SIZE = 100;
+
 function InvoicesIndex() {
   const navigate = useNavigate();
   const { user } = useAuth();
@@ -33,6 +35,8 @@ function InvoicesIndex() {
   const [loading, setLoading] = useState(true);
   const [q, setQ] = useState("");
   const [status, setStatus] = useState<string>("all");
+  const [page, setPage] = useState(0);
+  const [totalCount, setTotalCount] = useState(0);
 
   const [time, setTime] = useState<any[]>([]);
   const [expenses, setExpenses] = useState<any[]>([]);