play.chakra-ui.com icon indicating copy to clipboard operation
play.chakra-ui.com copied to clipboard

Chakra Playground Red Screen Of Death

Open DZuz14 opened this issue 1 year ago • 0 comments

Description

When clicking on the Playground on the docs site, I am greeted with a red screen of death about a "likely" forgotten import. I am not sure where this Playground is actually hosted, and don't really have any bandwidth in the day to look around. I did a quick search for instances of "playground", and found it within this repo I think.

My apologies if this is the wrong place. I'd be glad to fix the issue, if someone can point me in the right area with some good notes.

Screenshot 2024-10-17 162402

Link to Reproduction

You should click the link to the playground on the docs site specifically.

Steps to reproduce

  1. Go to the link above, and you might see what I mean.
  2. If you get the red screen, place your cursor above export const App = () => { and press Enter.
  3. You should see the button now.
  4. Press backspace to delete the line. Back to red screen of death.
  5. Press enter again. yay it works.

Chakra UI Version

null

Browser

Chrome Version 129.0.6668.101 (Official Build) (64-bit)

Operating System

  • [ ] macOS
  • [X] Windows
  • [ ] Linux

Additional Information

No response

DZuz14 avatar Oct 17 '24 20:10 DZuz14