DEV Community

Cover image for How to use NextAuth useSession on Storybook 8
Mark Kop
Mark Kop

Posted on

How to use NextAuth useSession on Storybook 8

If you want to mock some NextAuth session data so a Story on Storybook 8 behaves as the user is logged in, you can use the <SessionContext> provider in the Story decorator as follows:

  decorators: [
    (Story, context) => {
      return (
        <NextAuthProvider>
          // Put your mocked session data here
          <SessionContext.Provider value={{ data: {} }}>
            <Story />
          </SessionContext.Provider>
        </NextAuthProvider>
      )
    },
  ],
Enter fullscreen mode Exit fullscreen mode

A guy made an addon once, but it's now outdated:
https://github.com/TomFreudenberg/next-auth-mock

Top comments (0)