clerk/javascript @clerk/clerk-react@5.14.0

on GitHub

Minor Changes

• Introduce a new experimental hook called useReverification that makes it easy to handle reverification errors. (#4362) by @panteliselef

  It returns a high order function (HOF) and allows developers to wrap any function that triggers a fetch request which might fail due to a user's session verification status.
  When such error is returned, the recommended UX is to offer a way to the user to recover by re-verifying their credentials.
  This helper will automatically handle this flow in the developer's behalf, by displaying a modal the end-user can interact with.
  Upon completion, the original request that previously failed, will be retried (only once).

  Example with clerk-js methods.

  import { __experimental_useReverification as useReverification } from "@clerk/nextjs";
  
  function DeleteAccount() {
    const { user } = useUser();
    const [deleteUserAccount] = useReverification(() => {
      if (!user) return;
      return user.delete();
    });
  
    return (
      <>
        <button
          onClick={async () => {
            await deleteUserAccount();
          }}
        >
          Delete account
        </button>
      </>
    );
  }

Patch Changes

• Fix signOutOptions prop usage in <SignOutButton /> component (#4433) by @wobsoriano

• • Introduce redirectUrl property on setActive as a replacement for beforeEmit. (#4312) by @issuedat

  • Deprecates beforeEmit property on setActive.

• Updates useDerivedAuth() to correctly derive has() from the available auth data. Fixes an issue when useAuth() is called during server-side rendering. (#4421) by @BRKalow

• Updating peerDependencies for correct ranges (#4436) by @jacekradko

• Updated dependencies [f875463da, 5be7ca9fd, 08c5a2add, 434b432f8]:

  • @clerk/types@4.29.0
  • @clerk/shared@2.11.0