♻️[Refactor] 토스트가 사라지지 않는 버그 수정

src/app/layout.tsx

@@ -31,7 +31,6 @@ export default function RootLayout({
             <MSWComponent>{children}</MSWComponent>
           </main>
         </ReactQueryProviders>
-        <Toast />
       </body>
     </html>
   );

src/components/header/HeaderBar.tsx

@@ -7,7 +7,6 @@ import { usePathname, useRouter } from 'next/navigation';
 import { useAuthStore } from '@/store/authStore';
 import DropDown from '../drop-down/DropDown';
 import { logout } from '@/features/auth/api/auth';
-import { showToast } from '../toast/toast';
 
 function HeaderBar() {
   const pathname = usePathname();
@@ -18,7 +17,6 @@ function HeaderBar() {
     if (value === 'LOGOUT') {
       try {
         await logout();
-        showToast({ message: '로그아웃 되었습니다 ', type: 'success' });
         router.replace('/bookclub');
       } catch (error) {
         console.error('로그아웃 실패:', error);

src/components/toast/toast.tsx

@@ -14,7 +14,11 @@ const defaultOptions: ToastOptions = {
 };
 
 export const showToast = ({ message, type }: ToastProps) => {
-  toast[type](message, defaultOptions);
+  if (type === 'success') {
+    toast.success(message, defaultOptions);
+  } else if (type === 'error') {
+    toast.error(message, defaultOptions);
+  }
 };
 
 export const Toast = () => {

src/features/auth/api/auth.ts

@@ -62,6 +62,7 @@ export const logout = async () => {
     const { setIsLoggedIn, setUser } = useAuthStore.getState();
     setIsLoggedIn(false);
     setUser(null);
+    showToast({ message: '로그아웃 되었습니다 ', type: 'success' });
     return response;
   } catch (error) {
     console.error('로그아웃 에러:', error);