feat(clerk-react): Add setSession to useSignIn, useSignUp, useSessionList

packages/react/src/hooks/useSessionList.ts

@@ -1,19 +1,21 @@
-import { SessionResource } from '@clerk/types';
+import { SessionResource, SetSession } from '@clerk/types';
 
 import { useClientContext } from '../contexts/ClientContext';
+import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
 
 type UseSessionListReturn =
-  | { isLoaded: false; sessions: undefined }
-  | { isLoaded: true; sessions: SessionResource[] };
+  | { isLoaded: false; sessions: undefined; setSession: undefined }
+  | { isLoaded: true; sessions: SessionResource[]; setSession: SetSession };
 
 type UseSessionList = () => UseSessionListReturn;
 
 export const useSessionList: UseSessionList = () => {
+  const isomorphicClerk = useIsomorphicClerkContext();
   const client = useClientContext();
 
   if (!client) {
-    return { isLoaded: false, sessions: undefined };
+    return { isLoaded: false, sessions: undefined, setSession: undefined };
   }
 
-  return { isLoaded: true, sessions: client.sessions };
+  return { isLoaded: true, sessions: client.sessions, setSession: isomorphicClerk.setSession };
 };

packages/react/src/hooks/useSignIn.ts

@@ -1,19 +1,21 @@
-import { SignInResource } from '@clerk/types';
+import { SetSession, SignInResource } from '@clerk/types';
 
 import { useClientContext } from '../contexts/ClientContext';
+import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
 
 type UseSignInReturn =
-  | { isLoaded: false; signIn: undefined }
-  | { isLoaded: true; signIn: SignInResource };
+  | { isLoaded: false; signIn: undefined; setSession: undefined }
+  | { isLoaded: true; signIn: SignInResource; setSession: SetSession };
 
 type UseSignIn = () => UseSignInReturn;
 
 export const useSignIn: UseSignIn = () => {
+  const isomorphicClerk = useIsomorphicClerkContext();
   const client = useClientContext();
 
   if (!client) {
-    return { isLoaded: false, signIn: undefined };
+    return { isLoaded: false, signIn: undefined, setSession: undefined };
   }
 
-  return { isLoaded: true, signIn: client.signIn };
+  return { isLoaded: true, signIn: client.signIn, setSession: isomorphicClerk.setSession };
 };

packages/react/src/hooks/useSignUp.ts

@@ -1,19 +1,21 @@
-import { SignUpResource } from '@clerk/types';
+import { SetSession, SignUpResource } from '@clerk/types';
 
 import { useClientContext } from '../contexts/ClientContext';
+import { useIsomorphicClerkContext } from '../contexts/IsomorphicClerkContext';
 
 type UseSignUpReturn =
-  | { isLoaded: false; signUp: undefined }
-  | { isLoaded: true; signUp: SignUpResource };
+  | { isLoaded: false; signUp: undefined; setSession: undefined }
+  | { isLoaded: true; signUp: SignUpResource; setSession: SetSession };
 
 type UseSignUp = () => UseSignUpReturn;
 
 export const useSignUp: UseSignUp = () => {
+  const isomorphicClerk = useIsomorphicClerkContext();
   const client = useClientContext();
 
   if (!client) {
-    return { isLoaded: false, signUp: undefined };
+    return { isLoaded: false, signUp: undefined, setSession: undefined };
   }
 
-  return { isLoaded: true, signUp: client.signUp };
+  return { isLoaded: true, signUp: client.signUp, setSession: isomorphicClerk.setSession };
 };

packages/types/src/clerk.ts

@@ -1,5 +1,4 @@
-import { OrganizationMembershipResource } from '.';
-import { EnvironmentResource } from '.';
+import { EnvironmentResource, OrganizationMembershipResource } from '.';
 import { ClientResource } from './client';
 import { DisplayThemeJSON } from './json';
 import { OrganizationResource } from './organization';
@@ -15,6 +14,11 @@ export type BeforeEmitCallback = (
 ) => void | Promise<any>;
 export type SignOutCallback = () => void | Promise<any>;
 
+export type SetSession = (
+  session: ActiveSessionResource | string | null,
+  beforeEmit?: BeforeEmitCallback,
+) => Promise<void>;
+
 /**
  * Main Clerk SDK object.
  */
@@ -167,10 +171,7 @@ export interface Clerk {
    * @param session Passed session resource object, session id (string version) or null
    * @param beforeEmit Callback run just before the active session is set to the passed object. Can be used to hook up for pre-navigation actions.
    */
-  setSession: (
-    session: ActiveSessionResource | string | null,
-    beforeEmit?: BeforeEmitCallback,
-  ) => Promise<void>;
+  setSession: SetSession;
 
   /**
    * Function used to commit a navigation after certain steps in the Clerk processes.