Update SelectMenuItem types

src/SelectMenu/SelectMenuItem.tsx

@@ -91,37 +91,41 @@ export const listItemStyles = css`
   }
 `
 
+type StyledItemProps = SystemCommonProps & SxProp
+
 const StyledItem = styled.a.attrs(() => ({
   role: 'menuitemcheckbox'
-}))<SystemCommonProps & SxProp>`
+}))<StyledItemProps>`
   ${listItemStyles}
   ${COMMON}
   ${sx};
 `
 
-type SelectMenuItemInteralProps = {
+type SelectMenuItemInternalProps = {
   as?: React.ElementType
   selected?: boolean
-} & ComponentProps<typeof StyledItem>
+  onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void
+  disabled?: boolean
+} & StyledItemProps
 
-const SelectMenuItem = forwardRef<HTMLAnchorElement, SelectMenuItemInteralProps>(
-  ({children, selected, theme, onClick, ...rest}, forwardedRef) => {
+const SelectMenuItem = forwardRef<HTMLElement, SelectMenuItemInternalProps>(
+  ({children, selected, onClick, ...rest}, forwardedRef) => {
     const menuContext = useContext(MenuContext)
-    const backupRef = useRef<HTMLAnchorElement>(null)
+    const backupRef = useRef<HTMLElement>(null)
     const itemRef = forwardedRef ?? backupRef
 
     // close the menu when an item is clicked
     // this can be overriden if the user provides a `onClick` prop and prevents default in it
-    const handleClick = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
+    const handleClick = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {
       onClick && onClick(e)
 
       if (!e.defaultPrevented) {
         menuContext.setOpen?.(false)
       }
     }
     return (
-      <StyledItem ref={itemRef} {...rest} theme={theme} onClick={handleClick} aria-checked={selected}>
-        <StyledOcticon theme={theme} className="SelectMenu-icon SelectMenu-selected-icon" icon={CheckIcon} />
+      <StyledItem ref={itemRef} {...rest} onClick={handleClick} aria-checked={selected}>
+        <StyledOcticon className="SelectMenu-icon SelectMenu-selected-icon" icon={CheckIcon} />
         {children}
       </StyledItem>
     )