diff --git a/webapp/components/window.tsx b/webapp/components/window.tsx
index 5403292..ecb766f 100644
--- a/webapp/components/window.tsx
+++ b/webapp/components/window.tsx
@@ -8,14 +8,16 @@ interface InviteWindowProps {
   inviteeId: string
 }
 
+interface Invitation {
+  value: string;
+}
+
 export default function InviteWindow({ inviteeId }: InviteWindowProps) {
-  const [invitation, setInvitation] = useState<string | null>(null)
+  const [invitation, setInvitation] = useState<Invitation | null>(null)
   const [isOpen, setIsOpen] = useState(false)
   const [_, setLoc] = useAtom(locationAtom)
   const [__, setAtomMeetingId] = useAtom(meetingIdAtom)
 
-  type invitation = { value: string }
-
   const checkInvitation = async () => {
     try {
       const value = await getInvitation(inviteeId)
@@ -24,7 +26,9 @@ export default function InviteWindow({ inviteeId }: InviteWindowProps) {
         setInvitation(value)
         setIsOpen(true)
       }
-    } catch { /* empty */ }
+    } catch (error) {
+      console.error('Failed to check invitation:', error)
+    }
   }
 
   useEffect(() => {
@@ -35,12 +39,14 @@ export default function InviteWindow({ inviteeId }: InviteWindowProps) {
 
   const handleAccept = () => {
     console.log('Accepted the invitation')
-    const invitationValue = invitation?.value
-    const roomId = invitationValue.split(' ')[0]
-    setStorageMeeting(roomId)
-    setAtomMeetingId(roomId)
-    setLoc(prev => ({ ...prev, pathname: `/${roomId}` }))
-    setIsOpen(false)
+    if (invitation) {
+      const invitationValue = invitation.value
+      const roomId = invitationValue.split(' ')[0]
+      setStorageMeeting(roomId)
+      setAtomMeetingId(roomId)
+      setLoc(prev => ({ ...prev, pathname: `/${roomId}` }))
+      setIsOpen(false)
+    }
   }
 
   const handleReject = () => {
@@ -54,7 +60,7 @@ export default function InviteWindow({ inviteeId }: InviteWindowProps) {
         <div className="fixed top-4 right-4 bg-white p-4 rounded-lg shadow-lg max-w-xs w-64">
           <h3 className="font-bold mb-2">You have an invitation!</h3>
           <p className="mb-4">
-            {invitation.value}
+            {invitation.value} {/* 直接访问 value */}
           </p>
           <div className="flex justify-between space-x-4">
             <button
diff --git a/webapp/lib/api.ts b/webapp/lib/api.ts
index 591c7c4..9f6551f 100644
--- a/webapp/lib/api.ts
+++ b/webapp/lib/api.ts
@@ -164,7 +164,10 @@ async function sendInvite(meetingId: string, inviterId: string, inviteeId: strin
   })).json()
 }
 
-async function getInvitation(inviteeId: string): Promise<string | null> {
+interface InvitationResponse {
+  value: string;
+}
+async function getInvitation(inviteeId: string): Promise<InvitationResponse | null> {
   return (await fetch('/login/invitee', {
     method: 'PATCH',
     headers: {