fix(types): invalid color prop

Author: gregberge

packages/styled-components/src/createX.ts

@@ -6,13 +6,22 @@ type JSXElementKeys = keyof JSX.IntrinsicElements
 
 const tags = Object.keys(styled)
 
+type SafeIntrinsicComponent<T extends keyof JSX.IntrinsicElements> = (
+  props: Omit<JSX.IntrinsicElements[T], 'color'>,
+) => React.ReactElement<any, T>
+
 export const createX = <TProps extends object>(generator: StyleGenerator) => {
   type X<TProps extends object> = {
     extend<TExtendProps extends object>(
       ...generators: StyleGenerator[]
     ): X<TExtendProps>
   } & {
-    [Key in JSXElementKeys]: StyledComponent<Key, DefaultTheme, TProps, never>
+    [Key in JSXElementKeys]: StyledComponent<
+      SafeIntrinsicComponent<Key>,
+      DefaultTheme,
+      TProps,
+      'color'
+    >
   }
 
   // @ts-ignore