clerk/javascript @clerk/nextjs@6.17.0

on GitHub

Minor Changes

• Introduce useClerk().status alongside <ClerkFailed /> and <ClerkDegraded />. (#5476) by @panteliselef

  useClerk().status

  Possible values for useClerk().status are:

  • "loading": Set during initialization
  • "error": Set when hotloading clerk-js failed or Clerk.load() failed
  • "ready": Set when Clerk is fully operational
  • "degraded": Set when Clerk is partially operational
    The computed value of useClerk().loaded is:
  • true when useClerk().status is either "ready" or "degraded".
  • false when useClerk().status is "loading" or "error".

  <ClerkFailed />

  <ClerkLoaded>
    <MyCustomSignInForm/>
  </ClerkLoaded>
  <ClerkFailed>
    <ContactSupportBanner/>
  </ClerkFailed>

  <ClerkDegraded />

  <ClerkLoaded>
    <MyCustomPasskeyRegistration />
    <ClerkDegraded>We are experiencing issues, registering a passkey might fail.</ClerkDegraded>
  </ClerkLoaded>

Patch Changes

• Updated dependencies [4334598, 33201bf, 4334598, 0ae0403]:
  • @clerk/clerk-react@5.29.0
  • @clerk/types@4.55.0
  • @clerk/backend@1.29.2
  • @clerk/shared@3.7.3