fix by removing sc as propr types

Author: mattcosta7

src/Button/Button.tsx

@@ -1,17 +1,16 @@
 import React, {forwardRef} from 'react'
-import {ForwardRefComponent as PolymorphicForwardRefComponent} from '@radix-ui/react-polymorphic'
 import {ButtonProps} from './types'
 import {ButtonBase} from './ButtonBase'
 
-const ButtonComponent = forwardRef(
-  ({children, as: As = 'button', ...props}, forwardedRef): JSX.Element => {
+const ButtonComponent = forwardRef<HTMLButtonElement, ButtonProps>(
+  ({children, ...props}, forwardedRef): JSX.Element => {
     return (
-      <ButtonBase ref={forwardedRef} as={As} {...props}>
+      <ButtonBase ref={forwardedRef} as="button" {...props}>
         {children}
       </ButtonBase>
     )
   }
-) as PolymorphicForwardRefComponent<'button' | 'a', ButtonProps>
+)
 
 ButtonComponent.displayName = 'Button'
 

src/Button/types.ts

@@ -13,7 +13,10 @@ export type VariantType = 'default' | 'primary' | 'invisible' | 'danger' | 'outl
 
 export type Size = 'small' | 'medium' | 'large'
 
-type StyledButtonProps = ComponentPropsWithRef<typeof StyledButton>
+/**
+ * Remove styled-components polymorphic as prop, which conflicts with radix's
+ */
+type StyledButtonProps = Omit<ComponentPropsWithRef<typeof StyledButton>, 'as'>
 
 type ButtonA11yProps = {'aria-label': string; 'aria-labelby'?: never} | {'aria-label'?: never; 'aria-labelby': string}