로그인 로그아웃 문제

똑같이 코드를 구현해봤는대요!

해당문제에서 오류가 발생하고있습니다.

로그인은 잘됐지만 로그아웃에서 아무런 반응이 없다가 쿠키랑 캐시를 지워야지만 로그아웃이 되는 현상이 생겨서 질문을 해봅니다!

const AuthStatus = () => {

const { status, data: session } = useSession();

if (status === "loading") return <Skeleton width="3rem" />;

if (status === "unauthenticated")

return <Link href="/api/auth/signin">Login</Link>;

return (

<Box>

<DropdownMenu.Root>

<DropdownMenu.Trigger>

<Avatar

src={session!.user!.image!}

fallback="?"

size="2"

radius="full"

className="cursor-pointer"

referrerPolicy="no-referrer" // 이미지 불러오기 이슈

/>

</DropdownMenu.Trigger>

<DropdownMenu.Content>

<DropdownMenu.Label>

<Text size="2">{session!.user!.email}</Text>

</DropdownMenu.Label>

<DropdownMenu.Item>

<Link href="/api/auth/signout">Logout</Link>

</DropdownMenu.Item>

</DropdownMenu.Content>

</DropdownMenu.Root>

</Box>

);

};

특별히 더 봐야할 부분이 있을까요?