Skip to main content
The useAddAuthMethod hook returns URL that allows a users to securely add or change their auth method. This hook is useful to upgrade passkey, password or PIN users to basic login OR to allow basic login users migrate to a passkey, password or PIN auth method.

​
Import

import { useAddAuthMethod } from "@getpara/react-sdk";

​
Usage

function AddAuthMethod() {
  const { addAuthMethodAsync, isPending, error } = useAddAuthMethod({
    openPopup: false,
  });
  const [email, setEmail] = useState("");

  const handleAddAuthMethod = async () => {
    try {
      const url = await addAuthMethodAsync();

      console.log("Add auth method url:", url);

      // Open the URL in a new window
      window.open(url, "_blank", "width=500,height=700");
    } catch (err) {
      console.error("Add auth method failed:", err);
    }
  };

  return (
    <div>
      <button onClick={handleAddAuthMethod} disabled={isPending}>
        Add Auth Method
      </button>
    </div>
  );
}