Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.getpara.com/llms.txt

Use this file to discover all available pages before exploring further.

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>
  );
}