Module build failed: UnhandledSchemeError: Reading from "node:crypto" is not handled by plugins (Unhandled scheme)

[duyle3007]

Describe the bug
Install workos/authkit-nextjs to my repo, but cannot run

To Reproduce
Steps to reproduce the behavior:

1. Run: npm install @workos-inc/authkit-nextjs
2. Nextjs version: 13.5.9
3. Run: npm run dev
4. See error

[duyle3007]

Also have another issue related to Module not found: Can't resolve 'fs'

[nicknisi]

Hey @duyle3007, based on the error message and stack trace, I can see the problem is related to importing server-side code in a client component. This happens when Node-specific modules (like node:crypto and fs) get included in client-side bundles where they're not supported.

The README addresses this exact issue in the "Troubleshooting" section:

You may encounter this error if you attempt to import server side code from authkit-nextjs into a client component. Likely you are using withAuth in a client component instead of the useAuth hook. Either move the code to a server component or use the useAuth hook.

To fix this:

1. Make sure you're using useAuth (not withAuth) in client components
2. Place AuthKitProvider in a server component (not one marked with 'use client')
3. Follow the component separation pattern in the docs:
   • Server components for initial auth state
   • Client components with hooks for interactive features

If you're still facing issues, could you share more details about your specific implementation? A code snippet showing how you're importing and using the library would help troubleshoot further. Thanks!