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

Issue In playground 'Center' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. Type 'undefined' is not assignable to type 'Element | null' #3046

Closed
3 tasks
taylorpreston opened this issue Dec 17, 2024 · 0 comments

Comments

@taylorpreston
Copy link

Description

I'm not sure if this is a typescript setting, but I am seeing this error when using the "JSX style props" example in the playground.

'Center' cannot be used as a JSX component. Its return type 'ReactNode' is not a valid JSX element. Type 'undefined' is not assignable to type 'Element | null'

Screenshot 2024-12-17 at 10 03 46 AM

Link to Reproduction

https://play.panda-css.com/q34YhriqKq

Steps to reproduce

  1. Go to the playground link and you will see the red TS error under the Center div
  2. Hover over the component and you will see the error

JS Framework

React (TS)

Panda CSS Version

v0.49.0

Browser

No response

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

No response

@chakra-ui chakra-ui locked and limited conversation to collaborators Dec 22, 2024
@segunadebayo segunadebayo converted this issue into discussion #3059 Dec 22, 2024

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