Expose SessionContext to create SessionProvider for Testing and StoryBook

[TomFreudenberg]

I am using storybook and jest testing.

I want to provide dynamically usage of session data when working on stories. Using globalTypes with parameter for user session does not allow to change the preview inside storybook without reload in case that the next-auth SessionProvider just use the session property as an `hasInitialSession' flag.

I have patched the current next-auth release and just exported the SessionContext from next-auth/react:

https://github.com/nextauthjs/next-auth/blob/main/packages/next-auth/src/react/index.tsx#L77-L79

just with the export statement into:

export const SessionContext = React.createContext<SessionContextValue | undefined>(
  undefined
)

Having the SessionContext exported allows to (re)write a simple SessionProvider like:

import { SessionContext } from 'next-auth/react';
import { jsx as _jsx } from "react/jsx-runtime";

const SessionProvider = (props) => {
  const { children, session } = props;
  const value = React.useMemo(() => {
    return session ? session : { data: undefined, status: "unauthenticated" };
  }, [session]);

  return (_jsx(SessionContext.Provider, { value: value, children: children }));
}

This will allow to define some fixed user and session data for testing and mocking.

The example will show just a blank page on 'loading' and different messages for 'unauthenticated' and 'authenticated' user data.

---

Would you like to accept a PR to just export the SessionContext or do you have some better options?

I want to prevent using libraries like rewire or stub.

[TomFreudenberg]

Created PR #5438

[TomFreudenberg]

Merged today :-) Thanks!