Skip to content

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

@osdiab

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions