CacheKey clientId field type does not match string | undefined

[malinskibeniamin]

Checklist

• The issue can be reproduced in the auth0-react sample app (or N/A).
• I have looked into the Readme, Examples, and FAQ and have not found a suitable solution or answer.
• I have looked into the API documentation and have not found a suitable solution or answer.
• I have searched the issues and have not found a suitable solution or answer.
• I have searched the Auth0 Community forums and have not found a suitable solution or answer.
• I agree to the terms within the Auth0 Code of Conduct.

Description

When building any NextJS app, validity of types will fail when using @auth0/auth0-react package.

The package works fine in development, but the build will fail because of the clientId being

Reproduction

1. Clone any NextJS 14 app router example
2. Use @auth0/auth0-react
3. Run npm run build
4. Notice the error

Additional context

> next build

  ▲ Next.js 14.2.3
  - Environments: .env

   Creating an optimized production build ...
 ✓ Compiled successfully

   Linting and checking validity of types  ..Failed to compile.

./node_modules/@auth0/auth0-spa-js/src/cache/shared.ts:45:27
Type error: Type 'string | undefined' is not assignable to type 'string'.
  Type 'undefined' is not assignable to type 'string'.

  43 |     const [prefix, clientId, audience, scope] = key.split('::');
  44 |
> 45 |     return new CacheKey({ clientId, scope, audience }, prefix);
     |                           ^
  46 |   }
  47 |
  48 |   /**

auth0-react version

2.2.4

React version

18.3.1

Which browsers have you tested in?

Chrome