Export context for stubbing default Provider behaviour

[adamjmcgrath]

Description

Export UserContext so that you can create your own UserContext.Provider - this is useful if you want to override the default Auth0Provider behaviour, in testing particularly.

Eg to disable the profile request on page load and only derive the user from any server side code, you can do:

import React from 'react';
import type { AppProps } from 'next/app';
import { UserProvider } from '@auth0/nextjs-auth0';
import { UserContext } from '@auth0/nextjs-auth0';

export default function App({ Component, pageProps }: AppProps): React.ReactElement<AppProps> {
  const { user } = pageProps;

  return (
    <UserContext.Provider value={{ user, isLoading: false, checkSession: () => Promise.resolve() }}>
      <Component {...pageProps} />
    </UserContext.Provider>
  );
}

(you'd only need to stub checkSession to keep TS happy)

References

fixes #313

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/auth0/nextjs-auth0/FVbrkUuQupfzHmW5eWwgmUcehfyE
✅ Preview: Canceled