From 7dbb76edcc78736f018212b97151b466f1c593f5 Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Fri, 4 Apr 2025 10:13:31 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=97=90=20=EC=9C=A0=EC=A0=80=20=EC=83=9D?=
 =?UTF-8?q?=EC=84=B1=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Login.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index ff40d47..873b39a 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { userApi } from '@/api/user'
-import { useQuery } from '@tanstack/react-query'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { AxiosError } from 'axios'
 import { useRouter } from 'next/navigation'
 import { useState } from 'react'
@@ -40,6 +40,14 @@ export default function Login() {
     setIsLogin(true)
   }
 
+  const queryClient = useQueryClient()
+  const { mutate: createUser } = useMutation({
+    mutationFn: userApi.create,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['user-list'] })
+    },
+  })
+
   return (
     <>
       <div className="w-full max-w-sm min-w-[200px] m-4">
@@ -65,6 +73,14 @@ export default function Login() {
       <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" onClick={handleLogin}>
         Login
       </button>
+      <div className="p-4">
+        <button
+          className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+          onClick={() => createUser({ username: 'user1', email: 'user1@example.com', password: 'password1' })}
+        >
+          User Create1
+        </button>
+      </div>
     </>
   )
 }