From 34611d3c009a00a25457bfd530d9c3003448d5c2 Mon Sep 17 00:00:00 2001
From: yoosangwook <swyoo@interplug.co.kr>
Date: Tue, 22 Apr 2025 09:39:14 +0900
Subject: [PATCH] fix: Set staleTime to 0 in Login component and update
 UserList to use User type for better type safety

---
 src/components/Login.tsx    | 1 +
 src/components/UserList.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index 0ef18cc..4efa60b 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -31,6 +31,7 @@ export default function Login() {
     },
     enabled: isLogin,
     retry: false,
+    staleTime: 0,
   })
 
   const handleLogin = async () => {
diff --git a/src/components/UserList.tsx b/src/components/UserList.tsx
index cf9df5a..0cdee4a 100644
--- a/src/components/UserList.tsx
+++ b/src/components/UserList.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useQuery } from '@tanstack/react-query'
-import { userApi } from '@/api/user'
+import { userApi, User } from '@/api/user'
 
 export default function UserList() {
   const { data, error, isPending } = useQuery({
@@ -15,7 +15,7 @@ export default function UserList() {
       {error && <div>Error: {error.message}</div>}
       {data && (
         <div>
-          {data.map((user: any) => (
+          {data.map((user: User) => (
             <div key={user.id}>{user.username}</div>
           ))}
         </div>