@auth0/auth0-react 2.2.4 → 2.4.0

package/src/errors.tsx

@@ -6,7 +6,7 @@
  */
 export class OAuthError extends Error {
   constructor(public error: string, public error_description?: string) {
-    super(error_description || error);
+    super(error_description ?? error);
 
     // https://github.com/Microsoft/TypeScript-wiki/blob/master/Breaking-Changes.md#extending-built-ins-like-error-array-and-map-may-no-longer-work
     Object.setPrototypeOf(this, OAuthError.prototype);

package/src/reducer.tsx

@@ -9,7 +9,7 @@ type Action =
         | 'LOGIN_POPUP_COMPLETE'
         | 'GET_ACCESS_TOKEN_COMPLETE'
         | 'HANDLE_REDIRECT_COMPLETE';
-      user?: User;
+      user: User | undefined;
     }
   | { type: 'LOGOUT' }
   | { type: 'ERROR'; error: Error };
@@ -17,7 +17,7 @@ type Action =
 /**
  * Handles how that state changes in the `useAuth0` hook.
  */
-export const reducer = (state: AuthState, action: Action): AuthState => {
+export const reducer = <TUser extends User = User>(state: AuthState<TUser>, action: Action): AuthState<TUser> => {
   switch (action.type) {
     case 'LOGIN_POPUP_STARTED':
       return {
@@ -29,7 +29,7 @@ export const reducer = (state: AuthState, action: Action): AuthState => {
       return {
         ...state,
         isAuthenticated: !!action.user,
-        user: action.user,
+        user: action.user as TUser | undefined,
         isLoading: false,
         error: undefined,
       };
@@ -41,7 +41,7 @@ export const reducer = (state: AuthState, action: Action): AuthState => {
       return {
         ...state,
         isAuthenticated: !!action.user,
-        user: action.user,
+        user: action.user as TUser | undefined,
       };
     case 'LOGOUT':
       return {

package/src/utils.tsx

@@ -47,7 +47,7 @@ export const deprecateRedirectUri = (options?: any) => {
     console.warn(
       'Using `redirectUri` has been deprecated, please use `authorizationParams.redirect_uri` instead as `redirectUri` will be no longer supported in a future version'
     );
-    options.authorizationParams = options.authorizationParams || {};
+    options.authorizationParams = options.authorizationParams ?? {};
     options.authorizationParams.redirect_uri = options.redirectUri;
     delete options.redirectUri;
   }

package/src/with-auth0.tsx

@@ -30,10 +30,10 @@ const withAuth0 = <P extends WithAuth0Props>(
   Component: ComponentType<P>,
   context = Auth0Context
 ): ComponentType<Omit<P, keyof WithAuth0Props>> => {
-  return function WithAuth(props): JSX.Element {
+  return function WithAuth(props): React.JSX.Element {
     return (
       <context.Consumer>
-        {(auth: Auth0ContextInterface): JSX.Element => (
+        {(auth: Auth0ContextInterface): React.JSX.Element => (
           <Component {...(props as P)} auth0={auth} />
         )}
       </context.Consumer>

package/src/with-authentication-required.tsx

@@ -8,12 +8,12 @@ import Auth0Context, {
 /**
  * @ignore
  */
-const defaultOnRedirecting = (): JSX.Element => <></>;
+const defaultOnRedirecting = (): React.JSX.Element => <></>;
 
 /**
 * @ignore
 */
-const defaultOnBeforeAuthentication = async (): Promise<void> => {/* noop */};
+const defaultOnBeforeAuthentication = async (): Promise<void> => {/* noop */ };
 
 /**
  * @ignore
@@ -52,7 +52,7 @@ export interface WithAuthenticationRequiredOptions {
    *
    * Render a message to show that the user is being redirected to the login.
    */
-  onRedirecting?: () => JSX.Element;
+  onRedirecting?: () => React.JSX.Element;
   /**
    * ```js
    * withAuthenticationRequired(Profile, {
@@ -98,7 +98,7 @@ const withAuthenticationRequired = <P extends object>(
   Component: ComponentType<P>,
   options: WithAuthenticationRequiredOptions = {}
 ): FC<P> => {
-  return function WithAuthenticationRequired(props: P): JSX.Element {
+  return function WithAuthenticationRequired(props: P): React.JSX.Element {
     const {
       returnTo = defaultReturnTo,
       onRedirecting = defaultOnRedirecting,
@@ -117,11 +117,11 @@ const withAuthenticationRequired = <P extends object>(
       const opts = {
         ...loginOptions,
         appState: {
-          ...(loginOptions && loginOptions.appState),
+          ...loginOptions?.appState,
           returnTo: typeof returnTo === 'function' ? returnTo() : returnTo,
         },
       };
-      (async (): Promise<void> => {
+      void (async (): Promise<void> => {
         await onBeforeAuthentication();
         await loginWithRedirect(opts);
       })();