message: fix: bug i created :)
diff: @@ -25,12 +25,12 @@ function createStyled<T extends As, P extends Dict>(
  options?: Options<T, P>,
  ) {
  return function (...interpolations: any[]) {
  - const Styled = React.forwardRef((props: any, ref: React.Ref<any>) => {
  - const { as, ...rest } = props
  + const Styled = React.forwardRef(
  + ({ as, ...props }: any, ref: React.Ref<any>) => {
  const { theme, colorMode } = useChakra()
  let computedStyles: CSSObject = {}
  - const propsWithTheme = { theme, colorMode, ...rest }
  + const propsWithTheme = { theme, colorMode, ...props }
  /**
  * Users can pass a base style to the component options.
  @@ -122,7 +122,10 @@ function createStyled<T extends As, P extends Dict>(
  * This helps to prevent scenarios where no styles was passed
  * to the component but emotion generate a `css-0` className.
  */
  - if (isEmptyObject(computedProps.css) || isUndefined(computedProps.css)) {
  + if (
  + isEmptyObject(computedProps.css) ||
  + isUndefined(computedProps.css)
  + ) {
  delete computedProps.css
  }
  @@ -131,7 +134,8 @@ function createStyled<T extends As, P extends Dict>(
  * but it allows us pass a css object as prop and it'll convert it to a className
  */
  return jsx(element, { ref, ...computedProps })
  - })
  + },
  + )
  // Compute the display name of the final component
  Styled.displayName = getDisplayName(component)
  