> ## Documentation Index
> Fetch the complete documentation index at: https://stytch.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Browser Supports Autofill

> Browser Supports Autofill using the Stytch Next.js SDK

An asynchronous helper method to determine if the browser supports autofill. If it does, we recommend using `conditional_mediation` when authenticating.

## Response

<ResponseField name="supports_autofill" type="boolean">
  Whether the browser supports autofill.
</ResponseField>

<Panel>
  <RequestExample>
    ```jsx theme={null}
    import { useEffect, useState } from 'react';
    import { useStytch } from '@stytch/nextjs';

    export const WebAuthnAutofillSupport = () => {
    const stytch = useStytch();
    const [supportsAutofill, setSupportsAutofill] = useState<boolean>();

    useEffect(() => {
      const checkAutofillSupport = async () => {
        try {
          setSupportsAutofill(await stytch.webauthn.browserSupportsAutofill());
        } catch (error) {
          console.error('Error checking WebAuthn autofill support:', error);
          setSupportsAutofill(false);
        }
      };

      checkAutofillSupport();
    }, [stytch]);

    return (
      <>
        {supportsAutofill === undefined ? (
          <p>Checking browser support...</p>
        ) : supportsAutofill ? (
          <p>Your browser supports WebAuthn autofill!</p>
        ) : (
          <p>Your browser does not support WebAuthn autofill.</p>
        )}
      </>
    );
    };
    ```
  </RequestExample>
</Panel>