@axa-fr/react-oidc 6.9.6 → 6.10.0

package/src/oidc/FetchToken.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import {VanillaOidc} from './vanilla/vanillaOidc'
+import { VanillaOidc } from './vanilla/vanillaOidc';
 
 export type Fetch = typeof window.fetch;
 
@@ -7,12 +6,12 @@ export interface ComponentWithOidcFetchProps {
   fetch?: Fetch;
 }
 
-const defaultConfigurationName = "default";
+const defaultConfigurationName = 'default';
 
 const fetchWithToken = (fetch: Fetch, getOidcWithConfigurationName: () => VanillaOidc | null) => async (...params: Parameters<Fetch>) => {
   const [url, options, ...rest] = params;
-  const optionTmp = options ? { ...options} : { method: "GET" };
-  
+  const optionTmp = options ? { ...options } : { method: 'GET' };
+
   let headers = new Headers();
   if (optionTmp.headers) {
     headers = !(optionTmp.headers instanceof Headers)
@@ -20,11 +19,11 @@ const fetchWithToken = (fetch: Fetch, getOidcWithConfigurationName: () => Vanill
         : optionTmp.headers;
   }
   const oidc = getOidcWithConfigurationName();
-  
+
   // @ts-ignore
   const getValidToken = await oidc.getValidTokenAsync();
   const accessToken = getValidToken.tokens.accessToken;
-  
+
   if (!headers.has('Accept')) {
     headers.set('Accept', 'application/json');
   }
@@ -39,16 +38,16 @@ const fetchWithToken = (fetch: Fetch, getOidcWithConfigurationName: () => Vanill
 };
 
 export const withOidcFetch = (fetch: Fetch = null, configurationName = defaultConfigurationName) => (
-    WrappedComponent
+    WrappedComponent,
   ) => (props: ComponentWithOidcFetchProps) => {
-    const {fetch:newFetch} = useOidcFetch(fetch || props.fetch, configurationName)
+    const { fetch: newFetch } = useOidcFetch(fetch || props.fetch, configurationName);
     return <WrappedComponent {...props} fetch={newFetch} />;
   };
 
-export const useOidcFetch =(fetch: Fetch = null, configurationName = defaultConfigurationName) =>{
+export const useOidcFetch = (fetch: Fetch = null, configurationName = defaultConfigurationName) => {
   const previousFetch = fetch || window.fetch;
   const getOidc = VanillaOidc.get;
   const getOidcWithConfigurationName = () => getOidc(configurationName);
   const newFetch = fetchWithToken(previousFetch, getOidcWithConfigurationName);
   return { fetch: newFetch };
-}
+};

package/src/oidc/OidcProvider.tsx

@@ -1,17 +1,18 @@
-import React, {ComponentType, FC, PropsWithChildren, useEffect, useState} from 'react';
-import {OidcConfiguration} from './vanilla/oidc';
-import {VanillaOidc} from './vanilla/vanillaOidc';
+import { ComponentType, FC, PropsWithChildren, useEffect, useState } from 'react';
+
+import AuthenticatingError from './core/default-component/AuthenticateError.component';
+import { Authenticating, CallBackSuccess, Loading, SessionLost } from './core/default-component/index';
+import ServiceWorkerNotSupported from './core/default-component/ServiceWorkerNotSupported.component';
 import OidcRoutes from './core/routes/OidcRoutes';
-import {Authenticating, SessionLost, Loading, CallBackSuccess} from './core/default-component/index';
-import ServiceWorkerNotSupported from "./core/default-component/ServiceWorkerNotSupported.component";
-import AuthenticatingError from "./core/default-component/AuthenticateError.component";
-import { CustomHistory } from "./core/routes/withRouter";
+import { CustomHistory } from './core/routes/withRouter';
+import { OidcConfiguration } from './vanilla/oidc';
+import { VanillaOidc } from './vanilla/vanillaOidc';
 
 export type oidcContext = {
-    getOidc: Function;
+    (name?: string): VanillaOidc;
 };
 
-const defaultEventState = {name:"", data:null};
+const defaultEventState = { name: '', data: null };
 
 export type OidcProviderProps = {
     callbackSuccessComponent?: ComponentType<any>;
@@ -23,11 +24,11 @@ export type OidcProviderProps = {
     configurationName?: string;
     configuration?: OidcConfiguration;
     children: any;
-    onSessionLost?: Function,
-    onLogoutFromAnotherTab?:Function,
-    onLogoutFromSameTab?:Function,
-    withCustomHistory?: () => CustomHistory,
-    onEvent?:Function
+    onSessionLost?: () => void;
+    onLogoutFromAnotherTab?: () => void;
+    onLogoutFromSameTab?: () => void;
+    withCustomHistory?: () => CustomHistory;
+    onEvent?: (configuration: string, name: string, data:any) => void;
 };
 
 export type OidcSessionProps = {
@@ -35,162 +36,160 @@ export type OidcSessionProps = {
     loadingComponent: PropsWithChildren<any>;
 };
 
-
-const OidcSession : FC<PropsWithChildren<OidcSessionProps>> = ({loadingComponent, children, configurationName}) =>{
-    const [loading, setLoading] = useState(true);
-    const getOidc =  VanillaOidc.get;
+const OidcSession : FC<PropsWithChildren<OidcSessionProps>> = ({ loadingComponent, children, configurationName }) => {
+    const [isLoading, setIsLoading] = useState(true);
+    const getOidc = VanillaOidc.get;
     const oidc = getOidc(configurationName);
     useEffect(() => {
         let isMounted = true;
-        if(oidc) {
+        if (oidc) {
             oidc.tryKeepExistingSessionAsync().then(() => {
                 if (isMounted) {
-                    setLoading(false);
+                    setIsLoading(false);
                 }
-            })
+            });
         }
         return () => {
             isMounted = false;
-        }
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [configurationName]);
     const LoadingComponent = loadingComponent;
     return (
         <>
-            {loading ? (
+            {isLoading
+? (
                <LoadingComponent configurationName={configurationName}/>
-            ) : (
+            )
+: (
                 <>{children}</>
             )}
         </>
     );
-}
+};
 
-const Switch = ({isLoading, loadingComponent, children, configurationName}) => {
+const Switch = ({ isLoading, loadingComponent, children, configurationName }) => {
     const LoadingComponent = loadingComponent;
-    if(isLoading){
+    if (isLoading) {
         return <LoadingComponent configurationName={configurationName}>{children}</LoadingComponent>;
     }
     return <>{children}</>;
-}
-
+};
 
-export const OidcProvider : FC<PropsWithChildren<OidcProviderProps>>  = ({ children, 
-                                                                             configuration, 
-                                                                             configurationName = "default", 
-                                                                             callbackSuccessComponent = CallBackSuccess, 
+export const OidcProvider : FC<PropsWithChildren<OidcProviderProps>> = ({
+ children,
+                                                                             configuration,
+                                                                             configurationName = 'default',
+                                                                             callbackSuccessComponent = CallBackSuccess,
                                                                              authenticatingComponent = Authenticating,
                                                                              loadingComponent = Loading,
                                                                              serviceWorkerNotSupportedComponent = ServiceWorkerNotSupported,
                                                                              authenticatingErrorComponent = AuthenticatingError,
-                                                                             sessionLostComponent=SessionLost,
-                                                                             onSessionLost=null,
-                                                                             onLogoutFromAnotherTab=null,
-                                                                             onLogoutFromSameTab=null,
-                                                                             withCustomHistory=null,
-                                                                             onEvent=null,
+                                                                             sessionLostComponent = SessionLost,
+                                                                             onSessionLost = null,
+                                                                             onLogoutFromAnotherTab = null,
+                                                                             onLogoutFromSameTab = null,
+                                                                             withCustomHistory = null,
+                                                                             onEvent = null,
                                                                          }) => {
-    const getOidc =(configurationName="default") => {
+    const getOidc = (configurationName = 'default') => {
         return VanillaOidc.getOrCreate(configuration, configurationName);
-    }
+    };
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const [loading, setLoading] = useState(true);
     const [event, setEvent] = useState(defaultEventState);
-    const [currentConfigurationName, setConfigurationName] = useState("default");
+    const [currentConfigurationName, setConfigurationName] = useState('default');
 
     useEffect(() => {
         const oidc = getOidc(configurationName);
-        const newSubscriptionId = oidc.subscriveEvents((name, data) => {
-            if(onEvent)
-            {
+        const newSubscriptionId = oidc.subscribeEvents((name, data) => {
+            if (onEvent) {
                 onEvent(configurationName, name, data);
             }
         });
         return () => {
             const previousOidc = getOidc(configurationName);
             previousOidc.removeEventSubscription(newSubscriptionId);
-        }
+        };
     }, [configurationName, onEvent]);
 
     useEffect(() => {
         const oidc = getOidc(configurationName);
-        const newSubscriptionId = oidc.subscriveEvents((name, data) => {
-            if(name == VanillaOidc.eventNames.refreshTokensAsync_error || name == VanillaOidc.eventNames.syncTokensAsync_error){
-                if(onSessionLost != null){
+        const newSubscriptionId = oidc.subscribeEvents((name, data) => {
+            if (name === VanillaOidc.eventNames.refreshTokensAsync_error || name === VanillaOidc.eventNames.syncTokensAsync_error) {
+                if (onSessionLost != null) {
                     onSessionLost();
                     return;
                 }
-                setEvent({name, data});
-            }
-            else if(name === VanillaOidc.eventNames.logout_from_another_tab){
-                if(onLogoutFromAnotherTab != null){
+                setEvent({ name, data });
+            } else if (name === VanillaOidc.eventNames.logout_from_another_tab) {
+                if (onLogoutFromAnotherTab != null) {
                     onLogoutFromAnotherTab();
                     return;
                 }
-                setEvent({name, data});
-            }
-            else if(name === VanillaOidc.eventNames.logout_from_same_tab){
-                if(onLogoutFromSameTab != null){
+                setEvent({ name, data });
+            } else if (name === VanillaOidc.eventNames.logout_from_same_tab) {
+                if (onLogoutFromSameTab != null) {
                     onLogoutFromSameTab();
-                    return;
                 }
-                //setEvent({name, data});
-            }
-            else if (name == VanillaOidc.eventNames.loginAsync_begin
-                || name == VanillaOidc.eventNames.loginCallbackAsync_end
-                || name == VanillaOidc.eventNames.loginAsync_error
-                || name == VanillaOidc.eventNames.loginCallbackAsync_error
+                // setEvent({name, data});
+            } else if (name === VanillaOidc.eventNames.loginAsync_begin ||
+                name === VanillaOidc.eventNames.loginCallbackAsync_end ||
+                name === VanillaOidc.eventNames.loginAsync_error ||
+                name === VanillaOidc.eventNames.loginCallbackAsync_error
             ) {
-                setEvent({name, data});
-            } else if (name == VanillaOidc.eventNames.service_worker_not_supported_by_browser && configuration.service_worker_only === true) {
-                setEvent({name, data});
+                setEvent({ name, data });
+            } else if (name === VanillaOidc.eventNames.service_worker_not_supported_by_browser && configuration.service_worker_only === true) {
+                setEvent({ name, data });
             }
         });
-        
+
         setConfigurationName(configurationName);
         setLoading(false);
         return () => {
             const previousOidc = getOidc(configurationName);
             previousOidc.removeEventSubscription(newSubscriptionId);
             setEvent(defaultEventState);
-        }
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [configuration, configurationName]);
 
-    
     const SessionLostComponent = sessionLostComponent;
     const AuthenticatingComponent = authenticatingComponent;
     const LoadingComponent = loadingComponent;
     const ServiceWorkerNotSupportedComponent = serviceWorkerNotSupportedComponent;
     const AuthenticatingErrorComponent = authenticatingErrorComponent;
 
-    const isLoading = (loading || (currentConfigurationName != configurationName ));
+    const isLoading = (loading || (currentConfigurationName !== configurationName));
     const oidc = getOidc(configurationName);
-    let eventName = event.name;
-    switch(eventName){
+    const eventName = event.name;
+    switch (eventName) {
         case VanillaOidc.eventNames.service_worker_not_supported_by_browser:
-            return <Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
+            return (<Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
                 <ServiceWorkerNotSupportedComponent configurationName={configurationName} />
-            </Switch>;
+            </Switch>);
         case VanillaOidc.eventNames.loginAsync_begin:
-            return  <Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
+            return (<Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
                 <AuthenticatingComponent configurationName={configurationName} />
-            </Switch>;
+            </Switch>);
         case VanillaOidc.eventNames.loginAsync_error:
         case VanillaOidc.eventNames.loginCallbackAsync_error:
-            return <Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
+            return (<Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
                 <AuthenticatingErrorComponent configurationName={configurationName} />
-            </Switch>;
+            </Switch>);
         case VanillaOidc.eventNames.refreshTokensAsync_error:
         case VanillaOidc.eventNames.syncTokensAsync_error:
         case VanillaOidc.eventNames.logout_from_another_tab:
-            return <Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
-                <SessionLostComponent configurationName={configurationName} /> 
-            </Switch>;
+            return (<Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
+                <SessionLostComponent configurationName={configurationName} />
+            </Switch>);
         default:
             return (
                 <Switch loadingComponent={LoadingComponent} isLoading={isLoading} configurationName={configurationName}>
                       <OidcRoutes redirect_uri={oidc.configuration.redirect_uri}
                                   silent_redirect_uri={oidc.configuration.silent_redirect_uri}
                                   silent_login_uri={oidc.configuration.silent_login_uri}
-                                  callbackSuccessComponent={callbackSuccessComponent} 
+                                  callbackSuccessComponent={callbackSuccessComponent}
                                   callbackErrorComponent={authenticatingErrorComponent}
                                   authenticatingComponent={authenticatingComponent}
                                   configurationName={configurationName}

package/src/oidc/OidcSecure.tsx

@@ -1,36 +1,34 @@
-import React, {useEffect, PropsWithChildren, FC} from 'react';
+import { FC, PropsWithChildren, useEffect } from 'react';
 
-import {StringMap} from "./vanilla/oidc";
-import {VanillaOidc} from "./vanilla/vanillaOidc";
+import { StringMap } from './vanilla/oidc';
+import { VanillaOidc } from './vanilla/vanillaOidc';
 
 export type OidcSecureProps = {
     callbackPath?:string;
-    extras?:StringMap
+    extras?:StringMap;
     configurationName?: string;
 };
 
-export const OidcSecure: FC<PropsWithChildren<OidcSecureProps>> = ({children, callbackPath=null, extras=null, configurationName="default"}) => {
-    const getOidc =  VanillaOidc.get;
+export const OidcSecure: FC<PropsWithChildren<OidcSecureProps>> = ({ children, callbackPath = null, extras = null, configurationName = 'default' }) => {
+    const getOidc = VanillaOidc.get;
     const oidc = getOidc(configurationName);
     useEffect(() => {
-        if(!oidc.tokens){
+        if (!oidc.tokens) {
             oidc.loginAsync(callbackPath, extras);
         }
-        return () => {
-        }
-    }, [configurationName, callbackPath, extras])
+    }, [configurationName, callbackPath, extras]);
 
-    if(!oidc.tokens){
+    if (!oidc.tokens) {
       return null;
     }
-    return <>{children}</>
-}
+    return <>{children}</>;
+};
 
 export const withOidcSecure = (
-  WrappedComponent: FC<PropsWithChildren<OidcSecureProps>>, 
-  callbackPath=null,
-  extras=null, 
-  configurationName="default"
+  WrappedComponent: FC<PropsWithChildren<OidcSecureProps>>,
+  callbackPath = null,
+  extras = null,
+  configurationName = 'default',
 ) => (props) => {
   return <OidcSecure callbackPath={callbackPath} extras={extras} configurationName={configurationName}><WrappedComponent {...props} /></OidcSecure>;
-};
+};

package/src/oidc/ReactOidc.tsx

@@ -1,29 +1,35 @@
-import React, {useEffect, useState} from 'react';
-import {StringMap} from "./vanilla/oidc";
-import {VanillaOidc} from "./vanilla/vanillaOidc";
+import { useEffect, useState } from 'react';
 
-const defaultConfigurationName = "default";
+import { StringMap } from './vanilla/oidc';
+import { VanillaOidc } from './vanilla/vanillaOidc';
 
-const defaultIsAuthenticated = (getOidc, configurationName) =>{
-    let isAuthenticated:boolean = false;
+const defaultConfigurationName = 'default';
+
+type GetOidcFn = {
+    (configurationName?: string): any;
+}
+
+const defaultIsAuthenticated = (getOidc: GetOidcFn, configurationName: string) => {
+    let isAuthenticated = false;
     const oidc = getOidc(configurationName);
-    if(oidc){
+    if (oidc) {
         isAuthenticated = getOidc(configurationName).tokens != null;
     }
     return isAuthenticated;
-}
+};
 
-export const useOidc =(configurationName=defaultConfigurationName) =>{
-    const getOidc =  VanillaOidc.get;
+export const useOidc = (configurationName = defaultConfigurationName) => {
+    const getOidc = VanillaOidc.get;
     const [isAuthenticated, setIsAuthenticated] = useState<boolean>(defaultIsAuthenticated(getOidc, configurationName));
 
     useEffect(() => {
         let isMounted = true;
         const oidc = getOidc(configurationName);
         setIsAuthenticated(defaultIsAuthenticated(getOidc, configurationName));
-        const newSubscriptionId = oidc.subscriveEvents((name, data) => {
-            if(name === VanillaOidc.eventNames.logout_from_another_tab || name === VanillaOidc.eventNames.logout_from_same_tab || name === VanillaOidc.eventNames.token_aquired){
-                if(isMounted) {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const newSubscriptionId = oidc.subscribeEvents((name: string, data: any) => {
+            if (name === VanillaOidc.eventNames.logout_from_another_tab || name === VanillaOidc.eventNames.logout_from_same_tab || name === VanillaOidc.eventNames.token_aquired) {
+                if (isMounted) {
                     setIsAuthenticated(defaultIsAuthenticated(getOidc, configurationName));
                 }
             }
@@ -32,107 +38,111 @@ export const useOidc =(configurationName=defaultConfigurationName) =>{
             isMounted = false;
             oidc.removeEventSubscription(newSubscriptionId);
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [configurationName]);
 
-    const login = (callbackPath:string | undefined = undefined, extras:StringMap=null, silentLoginOnly = false) => {
+    const login = (callbackPath:string | undefined = undefined, extras:StringMap = null, silentLoginOnly = false) => {
         return getOidc(configurationName).loginAsync(callbackPath, extras, false, undefined, silentLoginOnly);
     };
-    const logout = (callbackPath: string | null | undefined = undefined, extras:StringMap=null) => {
+    const logout = (callbackPath: string | null | undefined = undefined, extras:StringMap = null) => {
         return getOidc(configurationName).logoutAsync(callbackPath, extras);
     };
-    const renewTokens = (extras:StringMap=null) => {
+    const renewTokens = (extras:StringMap = null) => {
         return getOidc(configurationName).renewTokensAsync(extras);
     };
     return { login, logout, renewTokens, isAuthenticated };
-}
+};
 
-const accessTokenInitialState = {accessToken:null, accessTokenPayload:null};
+const accessTokenInitialState = { accessToken: null, accessTokenPayload: null };
 
-const initTokens = (configurationName) => {
-    const getOidc =  VanillaOidc.get;
+const initTokens = (configurationName: string) => {
+    const getOidc = VanillaOidc.get;
     const oidc = getOidc(configurationName);
-    if(oidc.tokens) {
+    if (oidc.tokens) {
         const tokens = oidc.tokens;
-        return {accessToken :tokens.accessToken, accessTokenPayload: tokens.accessTokenPayload }
+        return { accessToken: tokens.accessToken, accessTokenPayload: tokens.accessTokenPayload };
     }
     return accessTokenInitialState;
-}
+};
 
 export type OidcAccessToken = {
-    accessToken?: any,
-    accessTokenPayload?: any
+    accessToken?: any;
+    accessTokenPayload?: any;
 }
 
-export const useOidcAccessToken =(configurationName=defaultConfigurationName) =>{
-    const getOidc =  VanillaOidc.get;
+export const useOidcAccessToken = (configurationName = defaultConfigurationName) => {
+    const getOidc = VanillaOidc.get;
     const [state, setAccessToken] = useState<OidcAccessToken>(initTokens(configurationName));
 
     useEffect(() => {
         let isMounted = true;
         const oidc = getOidc(configurationName);
-        if(oidc.tokens) {
+        if (oidc.tokens) {
             const tokens = oidc.tokens;
-            setAccessToken({accessToken :tokens.accessToken, accessTokenPayload: tokens.accessTokenPayload });
+            setAccessToken({ accessToken: tokens.accessToken, accessTokenPayload: tokens.accessTokenPayload });
         }
-        const newSubscriptionId = oidc.subscriveEvents((name, data) => {
-            if(name == VanillaOidc.eventNames.token_renewed
-                || name == VanillaOidc.eventNames.token_aquired 
-                || name === VanillaOidc.eventNames.logout_from_another_tab
-                || name === VanillaOidc.eventNames.logout_from_same_tab
-                || name == VanillaOidc.eventNames.refreshTokensAsync_error
-                || name == VanillaOidc.eventNames.syncTokensAsync_error){
-                if(isMounted) {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const newSubscriptionId = oidc.subscribeEvents((name: string, data: any) => {
+            if (name === VanillaOidc.eventNames.token_renewed ||
+                name === VanillaOidc.eventNames.token_aquired ||
+                name === VanillaOidc.eventNames.logout_from_another_tab ||
+                name === VanillaOidc.eventNames.logout_from_same_tab ||
+                name === VanillaOidc.eventNames.refreshTokensAsync_error ||
+                name === VanillaOidc.eventNames.syncTokensAsync_error) {
+                if (isMounted) {
                     const tokens = oidc.tokens;
-                    setAccessToken(tokens != null  ? {accessToken :tokens.accessToken, accessTokenPayload: tokens.accessTokenPayload } : accessTokenInitialState);
+                    setAccessToken(tokens != null ? { accessToken: tokens.accessToken, accessTokenPayload: tokens.accessTokenPayload } : accessTokenInitialState);
                 }
             }
         });
-        return  () => {
+        return () => {
             isMounted = false;
             oidc.removeEventSubscription(newSubscriptionId);
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [configurationName]);
     return state;
-}
+};
 
-const idTokenInitialState = {idToken:null, idTokenPayload:null};
+const idTokenInitialState = { idToken: null, idTokenPayload: null };
 
-const initIdToken= (configurationName) =>{
-    const getOidc =  VanillaOidc.get;
+const initIdToken = (configurationName: string) => {
+    const getOidc = VanillaOidc.get;
     const oidc = getOidc(configurationName);
-    if(oidc.tokens) {
+    if (oidc.tokens) {
         const tokens = oidc.tokens;
-        return { idToken: tokens.idToken, idTokenPayload:tokens.idTokenPayload };
+        return { idToken: tokens.idToken, idTokenPayload: tokens.idTokenPayload };
     }
-    return idTokenInitialState
-}
+    return idTokenInitialState;
+};
 
 export type OidcIdToken = {
-    idToken?: any,
-    idTokenPayload?: any
+    idToken?: any;
+    idTokenPayload?: any;
 }
 
-export const useOidcIdToken =(configurationName= defaultConfigurationName) =>{
-    const getOidc =  VanillaOidc.get;
+export const useOidcIdToken = (configurationName = defaultConfigurationName) => {
+    const getOidc = VanillaOidc.get;
     const [state, setIDToken] = useState<OidcIdToken>(initIdToken(configurationName));
 
     useEffect(() => {
         let isMounted = true;
         const oidc = getOidc(configurationName);
-        if(oidc.tokens) {
+        if (oidc.tokens) {
             const tokens = oidc.tokens;
-            setIDToken({idToken: tokens.idToken, idTokenPayload:tokens.idTokenPayload});
+            setIDToken({ idToken: tokens.idToken, idTokenPayload: tokens.idTokenPayload });
         }
-        const newSubscriptionId = oidc.subscriveEvents((name, data) => {
-            if(name == VanillaOidc.eventNames.token_renewed
-                || name == VanillaOidc.eventNames.token_aquired
-                || name === VanillaOidc.eventNames.logout_from_another_tab
-                || name === VanillaOidc.eventNames.logout_from_same_tab
-                || name == VanillaOidc.eventNames.refreshTokensAsync_error 
-                || name == VanillaOidc.eventNames.syncTokensAsync_error){
-                if(isMounted) {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const newSubscriptionId = oidc.subscribeEvents((name: string, data: any) => {
+            if (name === VanillaOidc.eventNames.token_renewed ||
+                name === VanillaOidc.eventNames.token_aquired ||
+                name === VanillaOidc.eventNames.logout_from_another_tab ||
+                name === VanillaOidc.eventNames.logout_from_same_tab ||
+                name === VanillaOidc.eventNames.refreshTokensAsync_error ||
+                name === VanillaOidc.eventNames.syncTokensAsync_error) {
+                if (isMounted) {
                     const tokens = oidc.tokens;
-                    setIDToken(tokens != null  ? {idToken: tokens.idToken, idTokenPayload:tokens.idTokenPayload} : idTokenInitialState);
+                    setIDToken(tokens != null ? { idToken: tokens.idToken, idTokenPayload: tokens.idTokenPayload } : idTokenInitialState);
                 }
             }
         });
@@ -140,6 +150,7 @@ export const useOidcIdToken =(configurationName= defaultConfigurationName) =>{
             isMounted = false;
             oidc.removeEventSubscription(newSubscriptionId);
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [configurationName]);
     return state;
-}
+};