Merge pull request #128 from asgardeo/fix-multiple-render-strict-mode

Fix multiple rendering of the signIn flow

lib/src/authenticate.tsx

@@ -36,6 +36,7 @@ import React, {
     useContext,
     useEffect,
     useMemo,
+    useRef,
     useState
 } from "react";
 import { AuthParams, ReactConfig } from ".";
@@ -77,6 +78,8 @@ const AuthProvider: FunctionComponent<PropsWithChildren<AuthProviderPropsInterfa
         (): AuthReactConfig => ({ ...defaultConfig, ...passedConfig }), [ passedConfig ]
     );
 
+    const isSignInInitiated = useRef(false);
+
     const signIn = async(
         config?: SignInConfig,
         authorizationCode?: string,
@@ -146,6 +149,13 @@ const AuthProvider: FunctionComponent<PropsWithChildren<AuthProviderPropsInterfa
      * Try signing in when the component is mounted.
      */
     useEffect(() => {
+        // Prevent multiple renderings
+        if (isSignInInitiated.current) {
+            return;
+        }
+
+        isSignInInitiated.current = true;
+
         (async () => {
             let isSignedOut: boolean = false;
             // If the component was mounted after the user was redirected to the application upon a successful logout,