chakra-ui / panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
https://panda-css.com
MIT License
5.23k stars 236 forks source link

[Studio] ReferenceError: React is not defined #1935

Closed fseglard closed 9 months ago

fseglard commented 10 months ago

Description

Hi!

When using the panda studio command, I cannot access to the Panda Studio anymore. This error is displayed:

image

After some digging, the Panda Studio was working fine until the v0.22.0 release.

Link to Reproduction

https://codesandbox.io/p/devbox/pandacss-studio-react-error-gtpt98

Steps to reproduce

  1. Open the reproduction link
  2. Run in the terminal the yarn panda:studio command (or directly yarn panda studio)
  3. Notice the error: ReferenceError: React is not defined

JS Framework

React (TS)

Panda CSS Version

0.24.1

Browser

Google Chrome 119

Operating System

Additional Information

No response

anubra266 commented 10 months ago

@fseglard Do you still have this issue? I can't reproduce it in the latest version

fseglard commented 10 months ago

@anubra266 Yes, I still have the issue with the latest version (0.26.2). I've updated the codesandbox: https://codesandbox.io/p/devbox/pandacss-studio-react-error-gtpt98

kristojorg commented 10 months ago

I also have this issue in latest ("@pandacss/studio": "^0.27.3")

jagregory commented 10 months ago

Also have this issue with 0.27.3. I'm using vite if that's important.