Doesn't seem to work out of box with NextJS in a monorepo

[osdiab]

Description

I added Panda CSS to a NextJS app in a monorepo. Code for Panda is only written in the monorepo, but styles don't seem to be applying consistently. Sometimes I could get individual css() invocations to show up, I can never get patterns like hstack() to work.

Link to Reproduction

osdiab/nextjs-panda-monorepo@20a2e33

Steps to reproduce

1. create turbo monorepo with pnpm
2. follow the panda setup instructions in the apps/web folder
3. add some styles to the page.tsx page
4. run the dev app

then you'll see

• the classnames show up
• the reset styles, etc are showing up
• the actual styles that you insert don't show up

JS Framework

NextJS with Turborepo/pnpm workspaces

Panda CSS Version

0.5.0

Browser

Chrome

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[segunadebayo]

The configured path in the "include" option is incorrect that's why. Update it and it should work correctly.

[osdiab]

You're right, that fixed it here. Thanks! So my repro case doesn't have the issue, still not sure why when I try to do this in another test project that already uses vanilla-extract that it seems to fail.

osdiab/personal-website#11

So basically i get this markup:

but the hstack fails to show up like so:

and even eradicating all traces of vanilla extract doesn't help: osdiab/personal-website#12

Sorry to be asking for support here but I'd really like to properly try out panda, but at a loss for what i'm doing wrong.