🆙 Update React Query to TanStack Query (#1153)

frontend/src/routes/_layout/admin.tsx

@@ -14,7 +14,7 @@ import {
   Tr,
 } from "@chakra-ui/react"
 import { createFileRoute } from "@tanstack/react-router"
-import { useQuery, useQueryClient } from "react-query"
+import { useQuery, useQueryClient } from "@tanstack/react-query"
 
 import { type UserOut, UsersService } from "../../client"
 import ActionsMenu from "../../components/Common/ActionsMenu"
@@ -28,13 +28,16 @@ export const Route = createFileRoute("/_layout/admin")({
 function Admin() {
   const queryClient = useQueryClient()
   const showToast = useCustomToast()
-  const currentUser = queryClient.getQueryData<UserOut>("currentUser")
+  const currentUser = queryClient.getQueryData<UserOut>(["currentUser"])
   const {
     data: users,
     isLoading,
     isError,
     error,
-  } = useQuery("users", () => UsersService.readUsers({}))
+  } = useQuery({
+    queryKey: ["users"],
+    queryFn: () => UsersService.readUsers({}),
+  })
 
   if (isError) {
     const errDetail = (error as any).body?.detail