search

yamada-ui / yamada-ui

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.
https://yamada-ui.com
MIT License
810 stars 216 forks source link

`displayName` is not set for the component of "@yamada-ui/color-picker" #2861

Closed hirotomoyamada closed 1 month ago

hirotomoyamada commented 1 month ago

script: component-display-name package: @yamada-ui/color-picker

Description

The component "@yamada-ui/color-picker" uses forwardRef, but displayName is not set, making it difficult to see the display in React Developer Tools.

Additional Information

Set displayName and __ui__ after each component definition.

For example, like this.

const Component = forwardRef((props, ref) => {
  ...
})

Component.displayName = 'Component'
Component.__ui__ = 'Component'

Replace 'component' with the name of the component. For example, for a Select component, it is 'Select'.

__ui__ is an identifier required for internal use by Yamada UI. Be sure to set it together with displayName.

yuto-trd commented 1 month ago

I'll try this issue

illionillion commented 1 month ago

I'll try this issue

Assigned you!! Good Luck!!