/chakra-nextauth-compaiblity

Chakra-UI and NextAuth seem to have small compability bugs.

Primary LanguageTypeScript

Hello there, this is a repo to showcase the problem on lack of compatibility between Chakra-UI and NextAuth.

The issue: "sm" breakpoint value stops working on "build" but works fine on "dev"

What causes the issue:

useSession loads session data or status is used on a project.

Middleware also seems to trigger this on certain occassions.

To be honest i couldn't pinpoint the root of the issue, but i hope this is a good example.

To recreate the issue

First install the dependencies:

npm install

Run the development server:

npm run dev

Build and run the project:

npm run build npm start

Preview

img

PS

This is a test kit project so the .env values will remain.