fix: ts error due to react types forwardRef changes (#528)

Co-authored-by: Aironas Kulvelis <[email protected]>
th3rdwave · Sep 10, 2024 · a2467c5 · a2467c5
1 parent f99cb14
commit a2467c5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/SafeAreaContext.tsx b/src/SafeAreaContext.tsx
@@ -141,11 +141,13 @@ export type WithSafeAreaInsetsProps = {
 };
 
 export function withSafeAreaInsets<T>(
-  WrappedComponent: React.ComponentType<T & WithSafeAreaInsetsProps>,
+  WrappedComponent: React.ComponentType<
+    (React.PropsWithoutRef<T> | T) & WithSafeAreaInsetsProps
+  >,
 ): React.ForwardRefExoticComponent<
   React.PropsWithoutRef<T> & React.RefAttributes<unknown>
 > {
-  return React.forwardRef((props: T, ref: React.Ref<unknown>) => {
+  return React.forwardRef<unknown, T>((props, ref) => {
     const insets = useSafeAreaInsets();
     return <WrappedComponent {...props} insets={insets} ref={ref} />;
   });