diff --git a/frontend/src/lib/queries/getScanUsers.ts b/frontend/src/lib/queries/getScanUsers.ts
new file mode 100644
index 0000000..fec5d96
--- /dev/null
+++ b/frontend/src/lib/queries/getScanUsers.ts
@@ -0,0 +1,25 @@
+import { keepPreviousData, queryOptions } from "@tanstack/react-query";
+import axios from "axios";
+
+export function getScanUsers() {
+	return queryOptions({
+		queryKey: ["getScanUsers"],
+		queryFn: () => fetch(),
+		staleTime: 5000,
+		refetchOnWindowFocus: true,
+		placeholderData: keepPreviousData,
+	});
+}
+
+const fetch = async () => {
+	if (window.location.hostname === "localhost") {
+		await new Promise((res) => setTimeout(res, 1500));
+	}
+
+	const { data } = await axios.get("/lst/api/mobile/auth/user", {
+		withCredentials: true,
+		timeout: 5000,
+	});
+
+	return data.data;
+};
diff --git a/frontend/src/routes/admin/scanUsers.tsx b/frontend/src/routes/admin/scanUsers.tsx
index e74fba9..40ee04e 100644
--- a/frontend/src/routes/admin/scanUsers.tsx
+++ b/frontend/src/routes/admin/scanUsers.tsx
@@ -1,9 +1,16 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { createFileRoute } from "@tanstack/react-router";
+import { getScanUsers } from "../../lib/queries/getScanUsers";
 
-export const Route = createFileRoute('/admin/scanUsers')({
-  component: RouteComponent,
-})
+export const Route = createFileRoute("/admin/scanUsers")({
+	component: RouteComponent,
+});
 
+const ScanUserTable = () => {
+	const { data, refetch } = useSuspenseQuery(getScanUsers());
+	console.log(data);
+	return <div>Hello "/admin/scanUsers"!</div>;
+};
 function RouteComponent() {
-  return <div>Hello "/admin/scanUsers"!</div>
+	return <ScanUserTable />;
 }