diff --git a/src/page/Logto/Callback.tsx b/src/page/Logto/Callback.tsx
index 25c8422..3a75768 100644
--- a/src/page/Logto/Callback.tsx
+++ b/src/page/Logto/Callback.tsx
@@ -1,11 +1,13 @@
 import { useHandleSignInCallback } from '@logto/react';
 import { Spin } from 'antd';
+import { useEffect } from 'react';
 import { useNavigate } from 'react-router';
 
 export const CallbackPage = () => {
   const navigate = useNavigate();
-  const { isLoading, isAuthenticated, error } = useHandleSignInCallback(() => {
-    // Navigate to root path when finished
+  const { isLoading, isAuthenticated } = useHandleSignInCallback();
+  useEffect(() => {
+    if (!isAuthenticated) return;
     const redirect = sessionStorage.getItem('redirect');
     if (redirect) {
       sessionStorage.removeItem('redirect');
@@ -13,8 +15,7 @@ export const CallbackPage = () => {
     } else {
       navigate('/user-center');
     }
-  });
-
+  }, [isAuthenticated]);
   if (isLoading) {
     return (
       <Spin spinning>