diff --git a/src/app/(form-layout)/joingroup/page.tsx b/src/app/(form-layout)/joingroup/page.tsx
index d9061dd3..76f28e67 100644
--- a/src/app/(form-layout)/joingroup/page.tsx
+++ b/src/app/(form-layout)/joingroup/page.tsx
@@ -6,15 +6,16 @@ import axiosClient from '@/lib/axiosClient';
 import Button from '@/components/common/Button';
 import FormField from '@/components/common/formField';
 import { Toast } from '@/components/common/Toastify';
+import { useUser } from '@/contexts/UserContext';
 
 export default function JoinGroup() {
   const [inviteLink, setInviteLink] = useState('');
   const router = useRouter();
+  const { email: userEmail } = useUser();
 
   const handleJoin = async (e: React.FormEvent) => {
     e.preventDefault();
     const token = inviteLink.trim();
-    const userEmail = localStorage.getItem('userEmail') ?? '';
     try {
       const response = await axiosClient.post('/groups/accept-invitation', {
         userEmail,