@logto/react 0.1.12 → 0.1.13

package/lib/hooks/index.js

@@ -30,7 +30,7 @@ const useErrorHandler = () => {
     return { handleError };
 };
 const useHandleSignInCallback = (returnToPageUrl = window.location.origin) => {
-    const { logtoClient, isAuthenticated, error, setIsAuthenticated } = (0, react_1.useContext)(context_1.LogtoContext);
+    const { logtoClient, isAuthenticated, error } = (0, react_1.useContext)(context_1.LogtoContext);
     const { isLoading, setLoadingState } = useLoadingState();
     const { handleError } = useErrorHandler();
     const handleSignInCallback = (0, react_1.useCallback)(async (callbackUri) => {
@@ -40,7 +40,9 @@ const useHandleSignInCallback = (returnToPageUrl = window.location.origin) => {
         try {
             setLoadingState(true);
             await logtoClient.handleSignInCallback(callbackUri);
-            setIsAuthenticated(true);
+            // We deliberately do NOT set isAuthenticated to true here, because the app state may change immediately
+            // even before navigating to the return page URL, which might cause rendering problems.
+            // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
             window.location.assign(returnToPageUrl);
         }
         catch (error) {
@@ -49,7 +51,7 @@ const useHandleSignInCallback = (returnToPageUrl = window.location.origin) => {
         finally {
             setLoadingState(false);
         }
-    }, [logtoClient, returnToPageUrl, setIsAuthenticated, setLoadingState, handleError]);
+    }, [logtoClient, returnToPageUrl, setLoadingState, handleError]);
     (0, react_1.useEffect)(() => {
         if (!isAuthenticated && logtoClient?.isSignInRedirected(window.location.href)) {
             void handleSignInCallback(window.location.href);
@@ -91,7 +93,7 @@ const useLogto = () => {
             await logtoClient.signOut(postLogoutRedirectUri);
             // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
             // even before navigating to the oidc end session endpoint, which might cause rendering problems.
-            // Instead, we will reload isAuthenticated state when the user is redirected back to the app.
+            // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
         }
         catch (error) {
             handleError(error, 'Unexpected error occurred while signing out.');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logto/react",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "main": "./lib/index.js",
   "exports": "./lib/index.js",
   "typings": "./lib/index.d.ts",
@@ -56,5 +56,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1e7449daf62edac7f7dd2eb37f3e5b83e6bf3c56"
+  "gitHead": "8f8934f949e71573d9e06a8595826fcc8fb426e2"
 }