fix: ログアウト時に cookie の削除がうまくいかない不具合を修正

src/app/(unauthed)/logout/page.tsx

@@ -1,24 +1,28 @@
 'use client';
 
 import { useMsal } from '@azure/msal-react';
+import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
 import { clearCachedToken } from '@/user-token/mcToken';
 
 const Home = () => {
   const { instance, accounts } = useMsal();
+  const router = useRouter();
 
   useEffect(() => {
     (async () => {
       if (accounts[0]) {
         await instance.initialize().catch((e) => console.log(e));
-        clearCachedToken();
+        await clearCachedToken();
         await instance.logoutRedirect({
           account: instance.getAccountByHomeId(accounts[0].homeAccountId),
           postLogoutRedirectUri: '/',
         });
+      } else {
+        router.push('/');
       }
     })().catch((e) => console.log(e));
-  }, [accounts, instance]);
+  }, [accounts, instance, router]);
 
   return <></>;
 };

src/user-token/mcToken.ts

@@ -33,8 +33,11 @@ export const saveTokenToCache = (tokenWithExpires: {
   });
 };
 
-export const clearCachedToken = () => {
-  const store = cookies();
+export const clearCachedToken = async (): Promise<void> => {
+  return new Promise((resolve, _reject) => {
+    const store = cookies();
 
-  store.delete(KEY);
+    store.delete(KEY);
+    resolve();
+  });
 };