diff --git a/packages/console/src/pages/Callback/index.tsx b/packages/console/src/pages/Callback/index.tsx
index efd548f30..d13670e0f 100644
--- a/packages/console/src/pages/Callback/index.tsx
+++ b/packages/console/src/pages/Callback/index.tsx
@@ -1,24 +1,12 @@
 import { LogtoError, OidcError, useHandleSignInCallback } from '@logto/react';
-import React, { useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
+import React from 'react';
 
 import AppError from '@/components/AppError';
 import LogtoLoading from '@/components/LogtoLoading';
 import { getBasename } from '@/utilities/app';
 
 const Callback = () => {
-  const { error, isAuthenticated } = useHandleSignInCallback(getBasename());
-  const navigate = useNavigate();
-
-  /**
-   * Redirect back to the home page if the user is already authenticated.
-   * Corner case when user mistakenly navigate to `/callback` route after a successful authentication.
-   */
-  useEffect(() => {
-    if (isAuthenticated) {
-      navigate('/');
-    }
-  }, [isAuthenticated, navigate]);
+  const { error } = useHandleSignInCallback(getBasename());
 
   if (error) {
     const errorCode =