Skip to content

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
1 of 3 tasks
osdiab opened this issue Jun 27, 2023 · 0 comments
Closed
1 of 3 tasks

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

osdiab opened this issue Jun 27, 2023 · 0 comments

Comments

@osdiab
Copy link

osdiab commented Jun 27, 2023

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

@chakra-ui chakra-ui locked and limited conversation to collaborators Jun 27, 2023
@segunadebayo segunadebayo converted this issue into discussion #847 Jun 27, 2023

This issue was moved to a discussion.

You can continue the conversation there. Go to discussion →

Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant