Merge pull request #85 from FusionAuth/57-customize-the-at_exp-cookie

adds option to set custom at_exp cookie name

src/providers/FusionAuthProvider.tsx

@@ -44,6 +44,7 @@ export interface FusionAuthConfig extends PropsWithChildren {
     onRedirectFail?: RedirectFail;
     scope?: string;
     accessTokenExpireWindow?: number;
+    accessTokenExpireCookieName?: string;
     loginPath?: string;
     logoutPath?: string;
     registerPath?: string;
@@ -60,6 +61,18 @@ export const FusionAuthProvider: React.FC<FusionAuthConfig> = props => {
     const [user, setUser] = useState<User>({});
     const isAuthenticated = useMemo(() => Object.keys(user).length > 0, [user]);
 
+    const accessTokenExpireCookieName = useMemo(() => {
+        if (props.accessTokenExpireCookieName?.length) {
+            return props.accessTokenExpireCookieName;
+        }
+
+        console.warn(
+            'Cannot set access token cookie name to empty string. Using default value.',
+        );
+
+        return 'app.at_exp';
+    }, [props.accessTokenExpireCookieName]);
+
     const generateServerUrl = useCallback(
         (
             serverEndpoint: ServerFunctionType,
@@ -148,7 +161,7 @@ export const FusionAuthProvider: React.FC<FusionAuthConfig> = props => {
     );
 
     const refreshToken = useCallback(async () => {
-        const accessTokenExpires = Cookies.get('app.at_exp');
+        const accessTokenExpires = Cookies.get(accessTokenExpireCookieName);
         const timeWindow =
             props.accessTokenExpireWindow ?? DEFAULT_ACCESS_TOKEN_EXPIRE_WINDOW;
         const fallbackTokenRefreshPath = `/app/refresh/${props.clientID}`;
@@ -173,6 +186,7 @@ export const FusionAuthProvider: React.FC<FusionAuthConfig> = props => {
             );
         }
     }, [
+        accessTokenExpireCookieName,
         props.accessTokenExpireWindow,
         props.tokenRefreshPath,
         props.clientID,