diff --git a/apps/web/src/components/test/StaffList.tsx b/apps/web/src/components/test/StaffList.tsx
new file mode 100644
index 0000000..b418bdc
--- /dev/null
+++ b/apps/web/src/components/test/StaffList.tsx
@@ -0,0 +1,6 @@
+import { api } from "packages/client/dist";
+import { ReactNode } from "react";
+export default function StaffList({ renderItem }: { renderItem: ReactNode }) {
+	const { data } = api.staff.findManyWithPagination.useQuery({});
+	data.items.map((staff) => renderItem);
+}