Fix TypeScript issue with useAnimatedProps (software-mansion#4653)

<!-- Thanks for submitting a pull request! We appreciate you spending
the time to work on these changes. Please follow the template so that
the reviewers can easily understand what the code changes affect. -->

## Summary

During the migration from manual types, the proper typing of
"useAnimatedProps" has proven to be quite challenging. As a result, I
had to resort to casting it to its previous type, but unfortunately, I
missed some places.

## Test plan

In our new docs the given
[example](https://reanimated-beta-docs.swmansion.com/docs/core/useAnimatedProps#adapters-)
doesn't work.
After applying these changes it's fixed.

src/reanimated2/PropAdapters.ts

@@ -1,18 +1,25 @@
 import { addWhitelistedNativeProps } from '../ConfigHelper';
 import type { AdapterWorkletFunction } from './commonTypes';
+import type { AnimatedPropsAdapterFunction } from './helperTypes';
 
-export function createAnimatedPropAdapter(
+// TODO TYPESCRIPT This is a temporary type to get rid of .d.ts file.
+export type createAnimatedPropAdapterType = (
+  adapter: AnimatedPropsAdapterFunction,
+  nativeProps?: string[]
+) => AnimatedPropsAdapterFunction;
+
+export const createAnimatedPropAdapter = ((
   adapter: AdapterWorkletFunction,
   nativeProps?: string[]
-): AdapterWorkletFunction {
+): AdapterWorkletFunction => {
   const nativePropsToAdd: { [key: string]: boolean } = {};
   // eslint-disable-next-line no-unused-expressions
   nativeProps?.forEach((prop) => {
     nativePropsToAdd[prop] = true;
   });
   addWhitelistedNativeProps(nativePropsToAdd);
   return adapter;
-}
+}) as createAnimatedPropAdapterType;
 
 // ADAPTERS
 

src/reanimated2/helperTypes.ts

@@ -21,6 +21,7 @@ import type {
   SharedValue,
 } from '.';
 import type { ReanimatedKeyframe } from './layoutReanimation/animationBuilder/Keyframe';
+import type { DependencyList } from './hook/commonTypes';
 
 type Adaptable<T> = T | ReadonlyArray<T | ReadonlyArray<T>> | SharedValue<T>;
 
@@ -121,3 +122,16 @@ export type AnimateProps<P extends object> = NonStyleAnimatedProps<P> &
   };
 
 export type AnimatedProps<P extends object> = AnimateProps<P>;
+
+export type AnimatedPropsAdapterFunction = (
+  props: Record<string, unknown>
+) => void;
+
+export type useAnimatedPropsType = <T extends object>(
+  updater: () => Partial<T>,
+  deps?: DependencyList | null,
+  adapters?:
+    | AnimatedPropsAdapterFunction
+    | AnimatedPropsAdapterFunction[]
+    | null
+) => Partial<T>;

src/reanimated2/hook/Hooks.ts

@@ -1,19 +1,11 @@
 import { useCallback } from 'react';
-import type { DependencyList } from './commonTypes';
 import { useAnimatedStyle } from './useAnimatedStyle';
-
-// TODO TYPESCRIPT This is a temporary type to get rid of .d.ts file.
-type PropsAdapterFunction = (props: Record<string, unknown>) => void;
-
-// TODO TYPESCRIPT This is a temporary type to get rid of .d.ts file.
-type useAnimatedPropsType = <T extends object>(
-  updater: () => Partial<T>,
-  deps?: DependencyList | null,
-  adapters?: PropsAdapterFunction | PropsAdapterFunction[] | null
-) => Partial<T>;
+import type { DependencyList } from './commonTypes';
+import type { useAnimatedPropsType } from '../helperTypes';
 
 // TODO: we should make sure that when useAP is used we are not assigning styles
 // when you need styles to animated you should always use useAS
+// TODO TYPESCRIPT This is a temporary cast to get rid of .d.ts file.
 export const useAnimatedProps = useAnimatedStyle as useAnimatedPropsType;
 
 export function useWorkletCallback<A extends unknown[], R>(