Export ProviderType from 'next-auth'

[pippinmole]

Goals

1. Allow users to accept props of type ProviderType

Non-Goals

No response

Background

Currently (unless I'm being silly), you don't have any way to pass down ProviderType to a component, and so have to use Awaited<ReturnType<typeof getProviders>>:

export default function Usage() {
  const [providers, setProviders] = React.useState<Awaited<ReturnType<typeof getProviders>>>(null);

  useEffect(() => {
    getProviders().then((response) => setProviders(response));
  }, []);

  return <SomeComponent providers={providers} />;
}

type SomeComponentProps = {
  providers: Awaited<ReturnType<typeof getProviders>>;
};

function SomeComponent({ providers }: SomeComponentProps) {
  if (!providers) return null;

  return (
    <p>
      {Object.values(providers).map((provider) => (
        <>{providers.email}</>
      ))}
    </p>
  );
}

Proposal

Export the type returned from getProviders: ProviderType, so we can use it like so:

export default function Usage() {
  const [providers, setProviders] = React.useState<ProvidersType | null>(null);

  useEffect(() => {
    getProviders().then((response) => setProviders(response));
  }, []);

  return <SomeComponent providers={providers} />;
}

type SomeComponentProps = {
  providers: ProvidersType;
};

function SomeComponent({ providers }: SomeComponentProps) {
  if (!providers) return null;

  return (
    <p>
      {Object.values(providers).map((provider) => (
        <>{providers.email}</>
      ))}
    </p>
  );
}