feat: enable more reliable timeout handling with nextauth (#178)

DataBiosphere · Oct 31, 2024 · d603646 · d603646
1 parent df97865
commit d603646
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/providers/nextAuthAuthentication/provider.tsx b/src/providers/nextAuthAuthentication/provider.tsx
@@ -13,6 +13,7 @@ import { NextAuthAuthenticationProviderProps } from "./types";
 
 export function NextAuthAuthenticationProvider({
   children,
+  refetchInterval = 0,
   session,
   timeout,
 }: NextAuthAuthenticationProviderProps): JSX.Element {
@@ -23,6 +24,7 @@ export function NextAuthAuthenticationProvider({
   const { isAuthenticated } = authState;
   const { callbackUrl } = useSessionCallbackUrl();
   useSessionIdleTimer({
+    crossTab: true,
     disabled: !isAuthenticated,
     onIdle: () => {
       service.requestLogout({ callbackUrl, redirect: true });
@@ -31,7 +33,7 @@ export function NextAuthAuthenticationProvider({
   });
   useSessionAuth({ authReducer, authenticationReducer });
   return (
-    <SessionProvider session={session}>
+    <SessionProvider session={session} refetchInterval={refetchInterval / 1000}>
       <AuthenticationContext.Provider value={authenticationReducer}>
         <AuthContext.Provider value={{ authDispatch, authState, service }}>
           <SessionController>{children}</SessionController>

diff --git a/src/providers/nextAuthAuthentication/types.ts b/src/providers/nextAuthAuthentication/types.ts
@@ -3,6 +3,7 @@ import { ReactNode } from "react";
 
 export interface NextAuthAuthenticationProviderProps {
   children: ReactNode | ReactNode[];
+  refetchInterval?: number;
   session?: Session | null;
   timeout?: number;
 }