fix

packages/docs-reanimated/docs/layout-animations/keyframe-animations.mdx

@@ -53,7 +53,7 @@ class Keyframe {
 
 An object, that contains definitions of your animation.
 The object keys should be within range `0-100` and correspond to animation progress.
-The object values should consist of style props and/or [easing function](/docs/animations/withTiming/#easing). If easing property is not provided, it defaults to `Easing.linear`.
+The object values should consist of style props and optionally of an [easing function](/docs/animations/withTiming/#easing). If easing property is not provided, it defaults to `Easing.linear`.
 
 The keys take the following values:
 
@@ -84,6 +84,7 @@ keyframe
 
 - Providing keyframe `0` or `from` is required as it contains the initial state of the object you want to animate.
 - Ensure you provide the initial value for all style properties you want to animate in other keyframes.
+- If you want to add easing to an animation between two keyframes you have to pass it to the second one. As a result you should never provide any easing to keyframe `0`.
 - Do not provide both `0` and `from`, or `100` and `to` keyframes, as it will result in a parsing conflict.
 - If you want to animate transform style, make sure that all properties in the transformation array are in the same order in all keyframes.
 

packages/react-native-reanimated/src/helperTypes.ts

@@ -18,14 +18,14 @@ import type {
   EntryExitAnimationFunction,
   LayoutAnimationFunction,
 } from './layoutReanimation/animationBuilder/commonTypes';
-import type { Keyframe as ReanimatedKeyframe } from './layoutReanimation/animationBuilder/Keyframe';
+import type { ReanimatedKeyframe } from './layoutReanimation/animationBuilder/Keyframe';
 import type { SharedTransition } from './layoutReanimation/sharedTransitions';
 
 type EntryOrExitLayoutType =
   | BaseAnimationBuilder
   | typeof BaseAnimationBuilder
   | EntryExitAnimationFunction
-  | typeof ReanimatedKeyframe;
+  | ReanimatedKeyframe;
 
 /*
   Style type properties (properties that extends StyleProp<ViewStyle>)

packages/react-native-reanimated/src/layoutReanimation/animationBuilder/Keyframe.ts

@@ -304,4 +304,12 @@ function makeKeyframeKey(index: number, transformProp: string) {
   return `${index}_transform:${transformProp}`;
 }
 
-export const Keyframe = InnerKeyframe;
+export declare class ReanimatedKeyframe {
+  constructor(definitions: ValidKeyframeProps);
+  duration(durationMs: number): ReanimatedKeyframe;
+  delay(delayMs: number): ReanimatedKeyframe;
+  reduceMotion(reduceMotionV: ReduceMotion): ReanimatedKeyframe;
+  withCallback(callback: (finished: boolean) => void): ReanimatedKeyframe;
+}
+
+export const Keyframe = InnerKeyframe as typeof ReanimatedKeyframe;