fix: typing of forwardRef override

marklawlor · May 31, 2022 · 2745669 · 2745669 · vercel · May 31, 2022
1 parent 9f9cd6f
commit 2745669
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/styled-component.tsx b/src/styled-component.tsx
@@ -6,11 +6,17 @@ export type StyledComponentProps<P> = StyledProps<P> & {
   component: React.ComponentType<P>;
 };
 
+/**
+ * This might cause issues in the future, but we provide an override of forwardRef
+ * to provide better typing of our components
+ */
 declare module "react" {
   // eslint-disable-next-line @typescript-eslint/ban-types
   function forwardRef<T, P = {}>(
     render: (props: P, ref: React.Ref<T>) => React.ReactElement | null
-  ): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+  ): React.ForwardRefExoticComponent<
+    React.PropsWithoutRef<P> & React.RefAttributes<T>
+  >;
 }
 
 function StyledComponentFunction<P>(