chore(nextjs): fix signin issue

Author: brionmario

packages/nextjs/src/client/components/control/SignedIn/SignedIn.tsx

@@ -18,8 +18,8 @@
 
 'use client';
 
-import {FC, PropsWithChildren, ReactNode, useEffect, useState} from 'react';
-import isSignedIn from '../../../../server/actions/isSignedIn';
+import {FC, PropsWithChildren, ReactNode} from 'react';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
 
 /**
  * Props interface of {@link SignedIn}
@@ -51,23 +51,9 @@ const SignedIn: FC<PropsWithChildren<SignedInProps>> = ({
   children,
   fallback = null,
 }: PropsWithChildren<SignedInProps>) => {
-  const [isSignedInSync, setIsSignedInSync] = useState<boolean | null>(null);
+  const {isSignedIn} = useAsgardeo();
 
-  useEffect(() => {
-    (async (): Promise<void> => {
-      try {
-        const result: boolean = await isSignedIn();
-
-        setIsSignedInSync(result);
-      } catch (error) {
-        setIsSignedInSync(false);
-      }
-    })();
-  }, []);
-
-  if (isSignedInSync === null) return null;
-
-  return <>{isSignedInSync ? children : fallback}</>;
+  return <>{isSignedIn ? children : fallback}</>;
 };
 
 export default SignedIn;

packages/nextjs/src/client/components/control/SignedOut/SignedOut.tsx

@@ -18,8 +18,8 @@
 
 'use client';
 
-import {FC, PropsWithChildren, ReactNode, useEffect, useState} from 'react';
-import isSignedIn from '../../../../server/actions/isSignedIn';
+import {FC, PropsWithChildren, ReactNode} from 'react';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
 
 /**
  * Props interface of {@link SignedOut}
@@ -51,23 +51,9 @@ const SignedOut: FC<PropsWithChildren<SignedOutProps>> = ({
   children,
   fallback = null,
 }: PropsWithChildren<SignedOutProps>) => {
-  const [isSignedInSync, setIsSignedInSync] = useState<boolean | null>(null);
+  const {isSignedIn} = useAsgardeo();
 
-  useEffect(() => {
-    (async (): Promise<void> => {
-      try {
-        const result: boolean = await isSignedIn();
-
-        setIsSignedInSync(result);
-      } catch (error) {
-        setIsSignedInSync(false);
-      }
-    })();
-  }, []);
-
-  if (isSignedInSync === null) return null;
-
-  return <>{!isSignedInSync ? children : fallback}</>;
+  return <>{!isSignedIn ? children : fallback}</>;
 };
 
 export default SignedOut;

packages/nextjs/src/server/AsgardeoProvider.tsx

@@ -79,7 +79,9 @@ const AsgardeoServerProvider: FC<PropsWithChildren<AsgardeoServerProviderProps>>
     return <></>;
   }
 
-  const _isSignedIn: boolean = await isSignedIn();
+  const sessionId: string = await getSessionId() as string;
+  const _isSignedIn: boolean = await isSignedIn(sessionId);
+
   let user: User = {};
   let userProfile: UserProfile = {
     schemas: [],
@@ -88,8 +90,8 @@ const AsgardeoServerProvider: FC<PropsWithChildren<AsgardeoServerProviderProps>>
   };
 
   if (_isSignedIn) {
-    const userResponse = await getUserAction((await getSessionId()) as string);
-    const userProfileResponse = await getUserProfileAction((await getSessionId()) as string);
+    const userResponse = await getUserAction((sessionId));
+    const userProfileResponse = await getUserProfileAction((sessionId));
 
     user = userResponse.data?.user || {};
     userProfile = userProfileResponse.data?.userProfile;

packages/nextjs/src/server/actions/isSignedIn.ts

@@ -21,8 +21,7 @@
 import AsgardeoNextClient from '../../AsgardeoNextClient';
 import getSessionId from './getSessionId';
 
-const isSignedIn = async (): Promise<boolean> => {
-  const sessionId: string | undefined = await getSessionId();
+const isSignedIn = async (sessionId: string): Promise<boolean> => {
   const client = AsgardeoNextClient.getInstance();
   const accessToken: string | undefined = await client.getAccessToken(sessionId);