diff --git a/packages/react-native-reanimated/src/ViewDescriptorsSet.ts b/packages/react-native-reanimated/src/ViewDescriptorsSet.ts
index 898d7f4007a6..9c046ae9195d 100644
--- a/packages/react-native-reanimated/src/ViewDescriptorsSet.ts
+++ b/packages/react-native-reanimated/src/ViewDescriptorsSet.ts
@@ -3,12 +3,6 @@ import type { SharedValue } from './commonTypes';
 import { makeMutable } from './core';
 import type { Descriptor } from './hook/commonTypes';
 
-export interface ViewDescriptorsSet {
-  shareableViewDescriptors: SharedValue<Descriptor[]>;
-  add: (item: Descriptor) => void;
-  remove: (viewTag: number) => void;
-}
-
 export function makeViewDescriptorsSet(): ViewDescriptorsSet {
   const shareableViewDescriptors = makeMutable<Descriptor[]>([]);
   const data: ViewDescriptorsSet = {
diff --git a/packages/react-native-reanimated/src/commonTypes.ts b/packages/react-native-reanimated/src/commonTypes.ts
index 96dbd63e9892..ccea10b4a92a 100644
--- a/packages/react-native-reanimated/src/commonTypes.ts
+++ b/packages/react-native-reanimated/src/commonTypes.ts
@@ -1,15 +1,10 @@
 'use strict';
 
-import type {
-  ImageStyle,
-  TextStyle,
-  TransformsStyle,
-  ViewStyle,
-} from 'react-native';
+import type { TextStyle, TransformsStyle, ViewStyle } from 'react-native';
 import type { ShareableRef, WorkletFunction } from 'react-native-worklets';
 
-import type { CSSAnimationProperties, CSSTransitionProperties } from './css';
 import type { EasingFunctionFactory } from './Easing';
+import type { ReanimatedHTMLElement } from './ReanimatedModule/js-reanimated';
 
 type LayoutAnimationOptions =
   | 'originX'
@@ -416,27 +411,31 @@ type MaybeSharedValue<Value> =
       ? SharedValueDisableContravariance<Value>
       : never);
 
-type MaybeSharedValueRecursive<Value> = Value extends readonly (infer Item)[]
-  ?
-      | SharedValueDisableContravariance<Item[]>
-      | (MaybeSharedValueRecursive<Item> | Item)[]
-  : Value extends object
+export type MaybeSharedValueRecursive<Value> =
+  Value extends readonly (infer Item)[]
     ?
-        | SharedValueDisableContravariance<Value>
-        | {
-            [Key in keyof Value]:
-              | MaybeSharedValueRecursive<Value[Key]>
-              | Value[Key];
-          }
-    : MaybeSharedValue<Value>;
-
-type DefaultStyle = ViewStyle & ImageStyle & TextStyle;
-
-// Ideally we want AnimatedStyle to not be generic, but there are
-// so many dependencies on it being generic that it's not feasible at the moment.
-export type AnimatedStyle<Style = DefaultStyle> =
-  | (Style & Partial<CSSAnimationProperties> & Partial<CSSTransitionProperties>) // TODO - maybe add css animation config somewhere else
-  | MaybeSharedValueRecursive<Style>;
+        | SharedValueDisableContravariance<Item[]>
+        | (MaybeSharedValueRecursive<Item> | Item)[]
+    : Value extends object
+      ?
+          | SharedValueDisableContravariance<Value>
+          | {
+              [Key in keyof Value]:
+                | MaybeSharedValueRecursive<Value[Key]>
+                | Value[Key];
+            }
+      : MaybeSharedValue<Value>;
+
+export type Descriptor = {
+  tag: number | ReanimatedHTMLElement;
+  shadowNodeWrapper: ShadowNodeWrapper;
+};
+
+export type ViewDescriptorsSet = {
+  shareableViewDescriptors: SharedValue<Descriptor[]>;
+  add: (item: Descriptor) => void;
+  remove: (viewTag: number) => void;
+};
 
 export type AnimatedTransform = MaybeSharedValueRecursive<
   TransformsStyle['transform']
diff --git a/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx b/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx
index 7bc8b3c77634..ca0f6bf0ef20 100644
--- a/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx
+++ b/packages/react-native-reanimated/src/createAnimatedComponent/AnimatedComponent.tsx
@@ -10,7 +10,9 @@ import type { StyleProps } from '../commonTypes';
 import { LayoutAnimationType } from '../commonTypes';
 import { SkipEnteringContext } from '../component/LayoutAnimationConfig';
 import ReanimatedAnimatedComponent from '../css/component/AnimatedComponent';
-import type { AnimatedStyleHandle } from '../hook/commonTypes';
+import type { AnyRecord } from '../css/types';
+import type { AnimatedPropsHandle } from '../hook/useAnimatedProps';
+import type { AnimatedStyleHandle } from '../hook/useAnimatedStyle';
 import {
   configureWebLayoutAnimations,
   getReducedMotionFromConfig,
@@ -25,7 +27,6 @@ import { updateLayoutAnimations } from '../UpdateLayoutAnimations';
 import type {
   AnimatedComponentProps,
   AnimatedComponentRef,
-  AnimatedProps,
   AnyComponent,
   IAnimatedComponentInternal,
   INativeEventsManager,
@@ -58,14 +59,14 @@ export default class AnimatedComponent
 {
   _options?: Options<InitialComponentProps>;
   _displayName: string;
-  _animatedStyles: StyleProps[] = [];
-  _prevAnimatedStyles: StyleProps[] = [];
-  _animatedProps: Partial<AnimatedComponentProps<AnimatedProps>>[] = [];
-  _prevAnimatedProps: Partial<AnimatedComponentProps<AnimatedProps>>[] = [];
+  _animatedStyles: AnimatedStyleHandle[] = [];
+  _prevAnimatedStyles: AnimatedStyleHandle[] = [];
+  _animatedProps: AnimatedPropsHandle[] = [];
+  _prevAnimatedProps: AnimatedPropsHandle[] = [];
   _isFirstRender = true;
   jestInlineStyle: NestedArray<StyleProps> | undefined;
   jestAnimatedStyle: { value: StyleProps } = { value: {} };
-  jestAnimatedProps: { value: AnimatedProps } = { value: {} };
+  jestAnimatedProps: { value: AnyRecord } = { value: {} };
   _InlinePropManager = new InlinePropManager();
   _PropsFilter = new PropsFilter();
   _NativeEventsManager?: INativeEventsManager;
diff --git a/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts b/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts
index cc5c25eeabc9..f61f57037799 100644
--- a/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts
+++ b/packages/react-native-reanimated/src/createAnimatedComponent/commonTypes.ts
@@ -2,21 +2,17 @@
 import type { Component, MutableRefObject, Ref } from 'react';
 
 import type {
-  AnimatedStyle,
   EntryExitAnimationFunction,
   ILayoutAnimationBuilder,
+  MaybeSharedValueRecursive,
   ShadowNodeWrapper,
-  SharedValue,
   StyleProps,
 } from '../commonTypes';
 import type { SkipEnteringContext } from '../component/LayoutAnimationConfig';
+import type { AnyRecord, CSSStyle, PlainStyle } from '../css/types';
+import type { AnimatedPropsHandle } from '../hook/useAnimatedProps';
+import type { AnimatedStyleHandle } from '../hook/useAnimatedStyle';
 import type { BaseAnimationBuilder } from '../layoutReanimation';
-import type { ViewDescriptorsSet } from '../ViewDescriptorsSet';
-
-export interface AnimatedProps extends Record<string, unknown> {
-  viewDescriptors?: ViewDescriptorsSet;
-  initial?: SharedValue<StyleProps>;
-}
 
 export interface ViewInfo {
   viewTag: number | AnimatedComponentRef | HTMLElement | null;
@@ -41,9 +37,6 @@ export interface IInlinePropManager {
 export type AnimatedComponentType = React.Component<unknown, unknown> &
   IAnimatedComponentInternal;
 
-// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
-export type PropUpdates = StyleProps | AnimatedStyle<any>;
-
 export interface IPropsFilter {
   filterNonAnimatedProps: (
     component: AnimatedComponentType
@@ -123,14 +116,14 @@ export interface AnimatedComponentRef extends Component {
 
 export interface IAnimatedComponentInternal {
   ChildComponent: AnyComponent;
-  _animatedStyles: StyleProps[];
-  _prevAnimatedStyles: StyleProps[];
-  _animatedProps: Partial<AnimatedComponentProps<AnimatedProps>>[];
-  _prevAnimatedProps: Partial<AnimatedComponentProps<AnimatedProps>>[];
+  _animatedStyles: AnimatedStyleHandle[];
+  _prevAnimatedStyles: AnimatedStyleHandle[];
+  _animatedProps: AnimatedPropsHandle[];
+  _prevAnimatedProps: AnimatedPropsHandle[];
   _isFirstRender: boolean;
   jestInlineStyle: NestedArray<StyleProps> | undefined;
   jestAnimatedStyle: { value: StyleProps };
-  jestAnimatedProps: { value: AnimatedProps };
+  jestAnimatedProps: { value: AnyRecord };
   _componentRef: AnimatedComponentRef | HTMLElement | null;
   _hasAnimatedRef: boolean;
   _InlinePropManager: IInlinePropManager;
@@ -161,3 +154,8 @@ export type ManagedAnimatedComponent = React.Component<
   AnimatedComponentProps<InitialComponentProps>
 > &
   IAnimatedComponentInternal;
+
+export type AnimatedComponentStyle<Style extends AnyRecord = PlainStyle> =
+  | CSSStyle<Style> // static js style
+  | MaybeSharedValueRecursive<Style> // inline style (with inlined shared values)
+  | AnimatedStyleHandle<Style>; // animated style (created with useAnimatedStyle)
diff --git a/packages/react-native-reanimated/src/createAnimatedComponent/utils.ts b/packages/react-native-reanimated/src/createAnimatedComponent/utils.ts
index 1daf86a36a2b..0d6c81e82779 100644
--- a/packages/react-native-reanimated/src/createAnimatedComponent/utils.ts
+++ b/packages/react-native-reanimated/src/createAnimatedComponent/utils.ts
@@ -1,7 +1,9 @@
 'use strict';
-import type { StyleProps } from '../commonTypes';
+import type { MaybeSharedValueRecursive, StyleProps } from '../commonTypes';
 import type { CSSStyle } from '../css';
-import type { NestedArray } from './commonTypes';
+import type { AnyRecord } from '../css/types';
+import type { AnimatedStyleHandle } from '../hook/useAnimatedStyle';
+import type { AnimatedComponentStyle, NestedArray } from './commonTypes';
 
 export function flattenArray<T>(array: NestedArray<T>): T[] {
   if (!Array.isArray(array)) {
@@ -36,9 +38,9 @@ export const has = <K extends string>(
   return false;
 };
 
-export function filterStyles(styles: StyleProps[] | undefined): {
+export function filterStyles(styles: AnimatedComponentStyle[] | undefined): {
   cssStyle: CSSStyle;
-  animatedStyles: StyleProps[];
+  animatedStyles: AnimatedStyleHandle[] | MaybeSharedValueRecursive<AnyRecord>;
 } {
   if (!styles) {
     return { animatedStyles: [], cssStyle: {} };
diff --git a/packages/react-native-reanimated/src/helperTypes.ts b/packages/react-native-reanimated/src/helperTypes.ts
index f5474144fa0e..0fa027694954 100644
--- a/packages/react-native-reanimated/src/helperTypes.ts
+++ b/packages/react-native-reanimated/src/helperTypes.ts
@@ -10,7 +10,6 @@ This will not be easy though!
 import type { StyleProp } from 'react-native';
 
 import type {
-  AnimatedStyle,
   EntryExitAnimationFunction,
   LayoutAnimationFunction,
   SharedValue,
@@ -40,15 +39,15 @@ type PickStyleProps<Props> = Pick<
   }[keyof Props]
 >;
 
+export type OmitStyleProps<Props> = Omit<Props, keyof PickStyleProps<Props>>;
+
 type AnimatedStyleProps<Props extends object> = {
   [Key in keyof PickStyleProps<Props>]: StyleProp<AnimatedStyle<Props[Key]>>;
 };
 
 /** Component props that are not specially handled by us. */
 type RestProps<Props extends object> = {
-  [K in keyof Omit<Props, keyof PickStyleProps<Props> | 'style'>]:
-    | Props[K]
-    | SharedValue<Props[K]>;
+  [K in keyof OmitStyleProps<Props>]: Props[K] | SharedValue<Props[K]>;
 };
 
 type LayoutProps = {
diff --git a/packages/react-native-reanimated/src/hook/commonTypes.ts b/packages/react-native-reanimated/src/hook/commonTypes.ts
index f3c99b76dfde..1ed3c2d49b6e 100644
--- a/packages/react-native-reanimated/src/hook/commonTypes.ts
+++ b/packages/react-native-reanimated/src/hook/commonTypes.ts
@@ -15,16 +15,9 @@ import type {
   ShadowNodeWrapper,
 } from '../commonTypes';
 import type { AnimatedProps } from '../createAnimatedComponent/commonTypes';
-import type { ReanimatedHTMLElement } from '../ReanimatedModule/js-reanimated';
-import type { ViewDescriptorsSet } from '../ViewDescriptorsSet';
 
 export type DependencyList = Array<unknown> | undefined;
 
-export interface Descriptor {
-  tag: number | ReanimatedHTMLElement;
-  shadowNodeWrapper: ShadowNodeWrapper;
-}
-
 export type MaybeObserverCleanup = (() => void) | undefined;
 
 export type AnimatedRefObserver = (tag: number | null) => MaybeObserverCleanup;
@@ -83,16 +76,6 @@ export interface IWorkletEventHandler<Event extends object> {
   unregisterFromEvents: (viewTag: number) => void;
 }
 
-export interface AnimatedStyleHandle<
-  Style extends DefaultStyle | AnimatedProps = DefaultStyle,
-> {
-  viewDescriptors: ViewDescriptorsSet;
-  initial: {
-    value: AnimatedStyle<Style>;
-    updater: () => AnimatedStyle<Style>;
-  };
-}
-
 export interface JestAnimatedStyleHandle<
   Style extends DefaultStyle | AnimatedProps = DefaultStyle,
 > extends AnimatedStyleHandle<Style> {
diff --git a/packages/react-native-reanimated/src/hook/useAnimatedProps.ts b/packages/react-native-reanimated/src/hook/useAnimatedProps.ts
index 81d6ee4928e7..a8aee48c1d03 100644
--- a/packages/react-native-reanimated/src/hook/useAnimatedProps.ts
+++ b/packages/react-native-reanimated/src/hook/useAnimatedProps.ts
@@ -1,35 +1,36 @@
 'use strict';
 import { SHOULD_BE_USE_WEB } from '../common';
 import type { AnimatedPropsAdapterFunction } from '../commonTypes';
+import type { AnyRecord } from '../css/types';
+import type { OmitStyleProps } from '../helperTypes';
 import type { DependencyList, UseAnimatedStyleInternal } from './commonTypes';
+import type { AnimatedStyleHandle } from './useAnimatedStyle';
 import { useAnimatedStyle } from './useAnimatedStyle';
 
-// TODO: we should make sure that when useAP is used we are not assigning styles
+export type AnimatedPropsHandle<Props extends AnyRecord = AnyRecord> =
+  AnimatedStyleHandle<OmitStyleProps<Props>>;
 
-type UseAnimatedProps = <Props extends object>(
-  updater: () => Partial<Props>,
+type UseAnimatedProps = <Props extends AnyRecord>(
+  updater: () => Partial<OmitStyleProps<Props>>,
   dependencies?: DependencyList | null,
   adapters?:
     | AnimatedPropsAdapterFunction
     | AnimatedPropsAdapterFunction[]
     | null,
   isAnimatedProps?: boolean
-) => Partial<Props>;
+) => AnimatedPropsHandle<Props>;
 
-function useAnimatedPropsJS<Props extends object>(
-  updater: () => Props,
+function useAnimatedPropsJS<Props extends AnyRecord>(
+  updater: () => Partial<OmitStyleProps<Props>>,
   deps?: DependencyList | null,
   adapters?:
     | AnimatedPropsAdapterFunction
     | AnimatedPropsAdapterFunction[]
     | null
 ) {
-  return (useAnimatedStyle as UseAnimatedStyleInternal<Props>)(
-    updater,
-    deps,
-    adapters,
-    true
-  );
+  return (
+    useAnimatedStyle as UseAnimatedStyleInternal<Partial<OmitStyleProps<Props>>>
+  )(updater, deps, adapters, true);
 }
 
 const useAnimatedPropsNative = useAnimatedStyle;
@@ -49,5 +50,5 @@ const useAnimatedPropsNative = useAnimatedStyle;
  * @see https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedProps
  */
 export const useAnimatedProps: UseAnimatedProps = SHOULD_BE_USE_WEB
-  ? (useAnimatedPropsJS as UseAnimatedProps)
-  : useAnimatedPropsNative;
+  ? useAnimatedPropsJS
+  : (useAnimatedPropsNative as UseAnimatedProps);
diff --git a/packages/react-native-reanimated/src/hook/useAnimatedStyle.ts b/packages/react-native-reanimated/src/hook/useAnimatedStyle.ts
index 0a5149243476..d699e6991bd6 100644
--- a/packages/react-native-reanimated/src/hook/useAnimatedStyle.ts
+++ b/packages/react-native-reanimated/src/hook/useAnimatedStyle.ts
@@ -1,6 +1,6 @@
 'use strict';
 
-import type { MutableRefObject } from 'react';
+import type { RefObject } from 'react';
 import { useEffect, useRef } from 'react';
 import type { WorkletFunction } from 'react-native-worklets';
 import { isWorkletFunction, makeShareable } from 'react-native-worklets';
@@ -10,25 +10,20 @@ import { IS_JEST, ReanimatedError, SHOULD_BE_USE_WEB } from '../common';
 import type {
   AnimatedPropsAdapterFunction,
   AnimatedPropsAdapterWorklet,
-  AnimatedStyle,
   AnimationObject,
+  Descriptor,
   NestedObjectValues,
   SharedValue,
   StyleProps,
   Timestamp,
+  ViewDescriptorsSet,
 } from '../commonTypes';
 import { startMapper, stopMapper } from '../core';
 import type { AnimatedProps } from '../createAnimatedComponent/commonTypes';
+import type { AnyRecord, PlainStyle } from '../css/types';
 import { updateProps, updatePropsJestWrapper } from '../updateProps';
-import type { ViewDescriptorsSet } from '../ViewDescriptorsSet';
 import { makeViewDescriptorsSet } from '../ViewDescriptorsSet';
-import type {
-  AnimatedStyleHandle,
-  DefaultStyle,
-  DependencyList,
-  Descriptor,
-  JestAnimatedStyleHandle,
-} from './commonTypes';
+import type { DependencyList, JestAnimatedStyleHandle } from './commonTypes';
 import { useSharedValue } from './useSharedValue';
 import {
   buildWorkletsHash,
@@ -37,27 +32,43 @@ import {
   validateAnimatedStyles,
 } from './utils';
 
-interface AnimatedState {
-  last: AnimatedStyle<any>;
-  animations: AnimatedStyle<any>;
+export type AnimatedStyleHandle<Style extends AnyRecord = PlainStyle> = {
+  viewDescriptors: ViewDescriptorsSet;
+  initial: {
+    value: Style;
+    updater: () => Style;
+  };
+};
+
+type RecursiveAnimations =
+  | AnimationObject
+  | { [key: string]: RecursiveAnimations }
+  | RecursiveAnimations[];
+
+type AnimatedState<Style extends AnyRecord> = {
+  last: Style;
+  animations: Record<string, RecursiveAnimations>;
   isAnimationRunning: boolean;
   isAnimationCancelled: boolean;
-}
+};
 
-interface AnimatedUpdaterData {
-  initial: {
-    value: AnimatedStyle<any>;
-    updater: () => AnimatedStyle<any>;
+type AnimatedUpdaterData<Style extends AnyRecord> =
+  AnimatedStyleHandle<Style> & {
+    remoteState: AnimatedState<Style>;
   };
-  remoteState: AnimatedState;
-  viewDescriptors: ViewDescriptorsSet;
-}
 
-function prepareAnimation(
+const isAnimationObject = (
+  animatedProp: RecursiveAnimations
+): animatedProp is AnimationObject =>
+  typeof animatedProp === 'object' &&
+  !Array.isArray(animatedProp) &&
+  !!animatedProp.onFrame;
+
+function prepareAnimation<Style extends AnyRecord>(
   frameTimestamp: number,
-  animatedProp: AnimatedStyle<any>,
-  lastAnimation: AnimatedStyle<any>,
-  lastValue: AnimatedStyle<any>
+  animatedProp: RecursiveAnimations,
+  lastAnimation: Style,
+  lastValue: Style
 ): void {
   'worklet';
   if (Array.isArray(animatedProp)) {
@@ -69,9 +80,7 @@ function prepareAnimation(
         lastValue && lastValue[index]
       );
     });
-    // return animatedProp;
-  }
-  if (typeof animatedProp === 'object' && animatedProp.onFrame) {
+  } else if (isAnimationObject(animatedProp)) {
     const animation = animatedProp;
 
     let value = animation.current;
@@ -114,10 +123,10 @@ function prepareAnimation(
 }
 
 function runAnimations(
-  animation: AnimatedStyle<any>,
+  animation: RecursiveAnimations,
   timestamp: Timestamp,
   key: number | string,
-  result: AnimatedStyle<any>,
+  result: AnyRecord,
   animationsActive: SharedValue<boolean>,
   forceCopyAnimation?: boolean
 ): boolean {
@@ -144,7 +153,7 @@ function runAnimations(
       }
     });
     return allFinished;
-  } else if (typeof animation === 'object' && animation.onFrame) {
+  } else if (isAnimationObject(animation)) {
     let finished = true;
     if (!animation.finished) {
       if (animation.callStart) {
@@ -164,7 +173,7 @@ function runAnimations(
      * in rgba format, allowing the animation to run correctly.
      */
     if (forceCopyAnimation) {
-      result[key] = { ...animation.current };
+      result[key] = { ...(animation.current as object) };
     } else {
       result[key] = animation.current;
     }
@@ -195,8 +204,8 @@ function runAnimations(
 
 function styleUpdater(
   viewDescriptors: SharedValue<Descriptor[]>,
-  updater: WorkletFunction<[], AnimatedStyle<any>> | (() => AnimatedStyle<any>),
-  state: AnimatedState,
+  updater: WorkletFunction<[], AnyRecord> | (() => AnyRecord),
+  state: AnimatedState<AnyRecord>,
   animationsActive: SharedValue<boolean>,
   isAnimatedProps = false
 ): void {
@@ -233,7 +242,7 @@ function styleUpdater(
         return;
       }
 
-      const updates: AnimatedStyle<any> = {};
+      const updates: AnyRecord = {};
       let allFinished = true;
       for (const propName in animations) {
         const finished = runAnimations(
@@ -291,7 +300,7 @@ function styleUpdater(
     }
   } else {
     state.isAnimationCancelled = true;
-    state.animations = [];
+    state.animations = {};
 
     if (!shallowEqual(oldValues, newValues)) {
       updateProps(viewDescriptors, newValues, isAnimatedProps);
@@ -302,14 +311,15 @@ function styleUpdater(
 
 function jestStyleUpdater(
   viewDescriptors: SharedValue<Descriptor[]>,
-  updater: WorkletFunction<[], AnimatedStyle<any>> | (() => AnimatedStyle<any>),
-  state: AnimatedState,
+  updater: WorkletFunction<[], AnyRecord> | (() => AnyRecord),
+  state: AnimatedState<AnyRecord>,
   animationsActive: SharedValue<boolean>,
-  animatedValues: MutableRefObject<AnimatedStyle<any>>,
+  animatedValues: RefObject<AnyRecord>,
   adapters: AnimatedPropsAdapterFunction[]
 ): void {
   'worklet';
-  const animations: AnimatedStyle<any> = state.animations ?? {};
+  const animations: Record<string, RecursiveAnimations> =
+    state.animations ?? {};
   const newValues = updater() ?? {};
   const oldValues = state.last;
 
@@ -341,7 +351,7 @@ function jestStyleUpdater(
       return;
     }
 
-    const updates: AnimatedStyle<any> = {};
+    const updates: AnyRecord = {};
     let allFinished = true;
     Object.keys(animations).forEach((propName) => {
       const finished = runAnimations(
@@ -384,7 +394,7 @@ function jestStyleUpdater(
     }
   } else {
     state.isAnimationCancelled = true;
-    state.animations = [];
+    state.animations = {};
   }
 
   // calculate diff
@@ -445,24 +455,19 @@ function checkSharedValueUsage(
  * @see https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedStyle
  */
 // You cannot pass Shared Values to `useAnimatedStyle` directly.
-// @ts-expect-error This overload is required by our API.
-export function useAnimatedStyle<Style extends DefaultStyle>(
+export function useAnimatedStyle<Style extends PlainStyle>(
   updater: () => Style,
   dependencies?: DependencyList | null
-): Style;
+): AnimatedStyleHandle<Style>;
 
-export function useAnimatedStyle<Style extends DefaultStyle | AnimatedProps>(
-  updater:
-    | WorkletFunction<[], Style>
-    | ((() => Style) & Record<string, unknown>),
+export function useAnimatedStyle<Style extends AnyRecord>(
+  updater: WorkletFunction<[], Style> | (() => Style),
   dependencies?: DependencyList | null,
   adapters?: AnimatedPropsAdapterWorklet | AnimatedPropsAdapterWorklet[] | null,
   isAnimatedProps = false
-):
-  | AnimatedStyleHandle<Style | AnimatedProps>
-  | JestAnimatedStyleHandle<Style | AnimatedProps> {
-  const animatedUpdaterData = useRef<AnimatedUpdaterData | null>(null);
-  let inputs = Object.values(updater.__closure ?? {});
+): AnimatedStyleHandle<Style> | JestAnimatedStyleHandle<Style> {
+  const animatedUpdaterData = useRef<AnimatedUpdaterData<Style> | null>(null);
+  let inputs = Object.values((updater as WorkletFunction).__closure ?? {});
   if (SHOULD_BE_USE_WEB) {
     if (!inputs.length && dependencies?.length) {
       // let web work without a Babel plugin
@@ -493,8 +498,9 @@ For more, see the docs: \`https://docs.swmansion.com/react-native-reanimated/doc
 
   // build dependencies
   if (!dependencies) {
-    dependencies = [...inputs, updater.__workletHash];
-  } else {
+    dependencies = [...inputs];
+  }
+  if (isWorkletFunction(updater)) {
     dependencies.push(updater.__workletHash);
   }
   if (adaptersHash) {
@@ -583,9 +589,7 @@ For more, see the docs: \`https://docs.swmansion.com/react-native-reanimated/doc
   }
 
   const animatedStyleHandle = useRef<
-    | AnimatedStyleHandle<Style | AnimatedProps>
-    | JestAnimatedStyleHandle<Style | AnimatedProps>
-    | null
+    AnimatedStyleHandle<Style> | JestAnimatedStyleHandle<Style> | null
   >(null);
 
   if (!animatedStyleHandle.current) {
diff --git a/packages/react-native-worklets/src/index.ts b/packages/react-native-worklets/src/index.ts
index 698f24bdede9..6a0b0a051cda 100644
--- a/packages/react-native-worklets/src/index.ts
+++ b/packages/react-native-worklets/src/index.ts
@@ -30,6 +30,7 @@ export { WorkletsModule } from './WorkletsModule';
 export type {
   ShareableRef,
   WorkletFunction,
+  MaybeWorkletFunction,
   WorkletRuntime,
   WorkletStackDetails,
 } from './workletTypes';
diff --git a/packages/react-native-worklets/src/workletTypes.ts b/packages/react-native-worklets/src/workletTypes.ts
index 57d23f3e4673..d4c5d4a19d1f 100644
--- a/packages/react-native-worklets/src/workletTypes.ts
+++ b/packages/react-native-worklets/src/workletTypes.ts
@@ -58,6 +58,11 @@ export type WorkletFunction<
   TReturn = unknown,
 > = ((...args: TArgs) => TReturn) & WorkletProps;
 
+export type MaybeWorkletFunction<
+  TArgs extends unknown[] = unknown[],
+  TReturn = unknown,
+> = ((...args: TArgs) => TReturn) & Partial<WorkletProps>;
+
 export interface WorkletFactory<
   TArgs extends unknown[] = unknown[],
   TReturn = unknown,