Remember that components can have more than one prop 🤦

emotion-js · Nov 27, 2020 · a9f2994 · a9f2994
1 parent 8d44d47
commit a9f2994
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/react/types/jsx-namespace.d.ts b/packages/react/types/jsx-namespace.d.ts
@@ -2,8 +2,12 @@ import 'react'
 import { Interpolation } from '@emotion/serialize'
 import { Theme } from './index'
 
-type WithConditionalCSSProp<P> = { className: string } extends P
-  ? P & { css?: Interpolation<Theme> }
+// prettier-ignore
+type WithConditionalCSSProp<P> =
+  'className' extends keyof P
+    ? string extends P['className']
+      ? P & { css?: Interpolation<Theme> }
+      : P
   : P
 
 // unpack all here to avoid infinite self-referencing when defining our own JSX namespace