ReferenceError: nodeCrypto is not defined

[AuroraLantean]

Describe the bug
NextJs UI crashes after adding Stacks-Connect component

To Reproduce
Steps to reproduce the behavior:

1. Clone my repo: git clone https://github.com/AuroraLantean/nextjs-shadcn-demo2
2. Install packages: pnpm install
3. Run NextJs: pnpm run dev
4. See error: command line shows no error and it works for half a second. Then UI crashes with error: ReferenceError: nodeCrypto is not defined

Expected behavior
NextJs UI should not crash

Screenshots

Desktop (please complete the following information):

• OS: Linux Mint 22 Wilma based on Ubuntu 24.04 noble
• Browser: Google Chrome, Version 131.0.6778.204 (Official Build) (64-bit)

Additional context
I tried https://github.com/hirosystems/stacks.js-starters with the latest NextJs 15.1.2 and React 19.0.0 and React Compiler. It works.

The biggest difference is that the stacks.js-starters repo uses Connect comopnent from @stacks/connect-react to wrap around the <ConnectWallet />. but do I have to use that wrapper? Is there something missing?

[cmd-scholar]

Run bun next dev manually u are only going to get this error when using turbopack

[Cedric-Crew3]

We are using pnpm and turbopack and have the same issue ReferenceError: nodeCrypto is not defined

[iatomic1]

We are using pnpm and turbopack and have the same issue ReferenceError: nodeCrypto is not defined

U would only get that error if you are using turbopack, just remove it