fix: typing on IconComponent (#241)

* fix: typing on IconComponent

* fixing some type issues with @expo

---------

Co-authored-by: Murray Christopherson <murraychristopherson@gmail.com>

Author: murrple-1

src/HeaderButton.tsx

@@ -15,12 +15,19 @@ import type { ComponentProps, ReactNode } from 'react';
 export type VisibleButtonProps = {
   title: string;
 
-  IconComponent?: React.ComponentType<{
-    name: any; // TODO generify to support icon names
-    style?: any;
-    color?: ColorValue;
-    size?: number;
-  }>;
+  IconComponent?:
+    | React.ComponentType<{
+        name: any; // TODO generify to support icon names
+        style?: any;
+        size?: number;
+        color?: ColorValue;
+      }>
+    | React.ComponentType<{
+        name: any; // TODO generify to support icon names
+        style?: any;
+        size?: number;
+        color?: ColorValue | number;
+      }>;
   iconName?: string;
   iconSize?: number;
   color?: ColorValue;

src/__tests__/HeaderButtons.test.tsx

@@ -71,7 +71,7 @@ describe('HeaderButtons', () => {
     const IoniconsHeaderButton = (props: HeaderButtonProps) => (
       <HeaderButton
         {...props}
-        IconComponent={({ name }) => <Text>{name}</Text>}
+        IconComponent={({ name }: { name: any }) => <Text>{name}</Text>}
         iconSize={23}
         color="blue"
       />