Merge pull request #584 from pixiv/toshusai/replace-as-to-component

feat: replace as to component IconButton.

packages/react/src/components/IconButton/index.tsx

@@ -12,8 +12,7 @@ export type IconButtonProps<T extends React.ElementType = 'button'> = {
   readonly size?: Size
   readonly icon: keyof KnownIconType
   readonly isActive?: boolean
-  as?: T
-  componentAs?: React.ComponentPropsWithRef<T>['as']
+  component?: T
 } & Omit<React.ComponentPropsWithRef<T>, 'children' | 'as'>
 
 const IconButton = forwardRef(function IconButtonInner<
@@ -24,20 +23,18 @@ const IconButton = forwardRef(function IconButtonInner<
     size = 'M',
     icon,
     isActive = false,
-    componentAs,
-    as,
+    component,
     ...rest
   }: IconButtonProps<T>,
   ref: ForwardedRef<HTMLButtonElement>
 ) {
   validateIconSize(size, icon)
-  const Component = useMemo(() => as ?? 'button', [as])
+  const Component = useMemo(() => component ?? 'button', [component])
   const classNames = useClassNames('charcoal-icon-button', rest.className)
 
   return (
     <Component
       {...rest}
-      as={componentAs}
       ref={ref}
       className={classNames}
       data-size={size}