WithReanimated#forwardRef#3

ilz5753 · Dec 14, 2023 · fb10669 · fb10669
1 parent cab8bcf
commit fb10669
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ilz5753/rnutils",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "React Native Utils",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/dynamicStyles/reanimated.tsx b/src/dynamicStyles/reanimated.tsx
@@ -649,11 +649,7 @@ export function useDimensionSizesStyle({
 }
 
 const $ = Animated.createAnimatedComponent;
-export function WithAnimated<T extends object>(
-  Comp: ComponentType<T>
-): ForwardRefExoticComponent<
-  PropsWithoutRef<Readonly<AnimateProps<T>>> & RefAttributes<T>
-> {
+export function WithAnimated<T extends object>(Comp: ComponentType<T>) {
   class Class<T> extends Component<T> {
     render = () => {
       let C = Comp as any;
@@ -662,9 +658,9 @@ export function WithAnimated<T extends object>(
   }
   let _Component = isFunction(Comp) ? Class<T> : Comp;
   let Render = $(_Component) as any;
-  return forwardRef<T, Readonly<AnimateProps<T>>>((props, ref) => (
-    <Render {...{ layout: Layout, ...props, ref }} />
-  ));
+  return forwardRef<ComponentType<T>, Readonly<AnimateProps<T>>>(
+    (props, ref) => <Render {...{ layout: Layout, ...props, ref }} />
+  );
 }
 export const ReView = WithAnimated(View);
 export const ReScrollView = WithAnimated(ScrollView);