fix(types): invalid color prop

styled-components · Mar 22, 2021 · 0660565 · 0660565
1 parent 0335114
commit 0660565
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/styled-components/src/createX.ts b/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