@auth0/auth0-react 2.2.4 → 2.3.0

package/dist/with-authentication-required.d.ts

@@ -31,7 +31,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, {

package/dist/with-authentication-required.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with-authentication-required.d.ts","sourceRoot":"","sources":["../src/with-authentication-required.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAqB,EACnB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAkBzB;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAChD;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACnC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IAClC;;;;;;;;OAQG;IACH,sBAAsB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,0BAA0B,kEAErB,iCAAiC,gBAwC3C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"with-authentication-required.d.ts","sourceRoot":"","sources":["../src/with-authentication-required.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAa,EAAE,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAqB,EACnB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAkBzB;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAChD;;;;;;;;;;;;;;;;OAgBG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IACnC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxC;;;;;;;;OAQG;IACH,sBAAsB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,0BAA0B,kEAErB,iCAAiC,gBAwC3C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "author": "Auth0",
   "name": "@auth0/auth0-react",
-  "version": "2.2.4",
+  "version": "2.3.0",
   "description": "Auth0 SDK for React Single Page Applications (SPA)",
   "keywords": [
     "auth0",
@@ -54,12 +54,12 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.1",
     "@rollup/plugin-terser": "^0.4.3",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.1.0",
+    "@testing-library/dom": "^10.4.0",
     "@types/jest": "^29.2.3",
-    "@types/react": "^18.2.27",
-    "@types/react-dom": "^18.2.12",
+    "@types/react": "19.0.7",
+    "@types/react-dom": "19.0.3",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
     "browserstack-cypress-cli": "^1.19.1",
@@ -74,9 +74,8 @@
     "oidc-provider": "^8.0.0",
     "prettier": "^2.8.1",
     "pretty-quick": "^3.1.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "19.0.0",
     "rollup": "^3.7.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-delete": "^2.0.0",
@@ -92,8 +91,8 @@
     "typescript": "^4.9.4"
   },
   "peerDependencies": {
-    "react": "^16.11.0 || ^17 || ^18",
-    "react-dom": "^16.11.0 || ^17 || ^18"
+    "react": "^16.11.0 || ^17 || ^18 || ^19",
+    "react-dom": "^16.11.0 || ^17 || ^18 || ^19"
   },
   "dependencies": {
     "@auth0/auth0-spa-js": "^2.1.3"

package/src/auth0-context.tsx

@@ -38,7 +38,9 @@ export interface Auth0ContextInterface<TUser extends User = User>
    *
    * If refresh tokens are used, the token endpoint is called directly with the
    * 'refresh_token' grant. If no refresh token is available to make this call,
-   * the SDK falls back to using an iframe to the '/authorize' URL.
+   * the SDK will only fall back to using an iframe to the '/authorize' URL if 
+   * the `useRefreshTokensFallback` setting has been set to `true`. By default this
+   * setting is `false`.
    *
    * This method may use a web worker to perform the token call if the in-memory
    * cache is used.

package/src/auth0-provider.tsx

@@ -125,14 +125,14 @@ const defaultOnRedirectCallback = (appState?: AppState): void => {
  * <Auth0Provider
  *   domain={domain}
  *   clientId={clientId}
- *   authorizationParams={{ redirect_uri: window.location.origin }}}>
+ *   authorizationParams={{ redirect_uri: window.location.origin }}>
  *   <MyApp />
  * </Auth0Provider>
  * ```
  *
  * Provides the Auth0Context to its child components.
  */
-const Auth0Provider = (opts: Auth0ProviderOptions): JSX.Element => {
+const Auth0Provider = (opts: Auth0ProviderOptions) => {
   const {
     children,
     skipRedirectCallback,
@@ -146,6 +146,11 @@ const Auth0Provider = (opts: Auth0ProviderOptions): JSX.Element => {
   const [state, dispatch] = useReducer(reducer, initialAuthState);
   const didInitialise = useRef(false);
 
+  const handleError = useCallback((error: Error) => {
+    dispatch({ type: 'ERROR', error });
+    return error;
+  }, []);
+
   useEffect(() => {
     if (didInitialise.current) {
       return;
@@ -164,10 +169,10 @@ const Auth0Provider = (opts: Auth0ProviderOptions): JSX.Element => {
         }
         dispatch({ type: 'INITIALISED', user });
       } catch (error) {
-        dispatch({ type: 'ERROR', error: loginError(error) });
+        handleError(loginError(error));
       }
     })();
-  }, [client, onRedirectCallback, skipRedirectCallback]);
+  }, [client, onRedirectCallback, skipRedirectCallback, handleError]);
 
   const loginWithRedirect = useCallback(
     (opts?: RedirectLoginOptions): Promise<void> => {
@@ -187,7 +192,7 @@ const Auth0Provider = (opts: Auth0ProviderOptions): JSX.Element => {
       try {
         await client.loginWithPopup(options, config);
       } catch (error) {
-        dispatch({ type: 'ERROR', error: loginError(error) });
+        handleError(loginError(error));
         return;
       }
       const user = await client.getUser();

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,