fix: React dom failure when passing unknown props to child component (#…

…49)

* fix: React dom failure when passing unknown props to child component

* fix: Remove colorkey

packages/pancake-uikit/src/components/ButtonMenu/ButtonMenuItem.tsx

@@ -6,12 +6,11 @@ import { ButtonMenuItemProps } from "./types";
 
 interface InactiveButtonProps extends BaseButtonProps {
   forwardedAs: BaseButtonProps["as"];
-  colorKey: "primary" | "textSubtle";
 }
 
 const InactiveButton: PolymorphicComponent<InactiveButtonProps, "button"> = styled(Button)<InactiveButtonProps>`
   background-color: transparent;
-  color: ${({ theme, colorKey }) => theme.colors[colorKey]};
+  color: ${({ theme, variant }) => (variant === variants.PRIMARY ? theme.colors.primary : theme.colors.textSubtle)};
   &:hover:not(:disabled):not(:active) {
     background-color: transparent;
   }
@@ -24,14 +23,7 @@ const ButtonMenuItem: PolymorphicComponent<ButtonMenuItemProps, "button"> = ({
   ...props
 }: ButtonMenuItemProps) => {
   if (!isActive) {
-    return (
-      <InactiveButton
-        forwardedAs={as}
-        variant="tertiary"
-        colorKey={variant === variants.PRIMARY ? "primary" : "textSubtle"}
-        {...props}
-      />
-    );
+    return <InactiveButton forwardedAs={as} variant="tertiary" {...props} />;
   }
 
   return <Button as={as} variant={variant} {...props} />;