Troubleshooting

Errors and warnings happen — solve them with Motion's straightforward troubleshooting.

You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Container/Target ref is defined but not hydrated

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.

Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.

'${color}' is not an animatable color. Use the equivalent color code instead.

'${color}' is not an animatable color. Use the equivalent color code instead.

'${color}' is not an animatable color. Use the equivalent color code instead.

'${color}' is not an animatable color. Use the equivalent color code instead.

You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". "${invalidKeyframe}" is not an animatable value.

You are trying to animate ${name} from "${originKeyframe}" to "${targetKeyframe}". "${invalidKeyframe}" is not an animatable value.

'${color}' is not an animatable color. Use the equivalent color code instead.

Spring duration must be 10 seconds or less

Spring duration must be 10 seconds or less

'${color}' is not an animatable color. Use the equivalent color code instead.

Invalid easing type '${definition}'

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Cubic bezier arrays must contain four numerical values.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Both input and output ranges must be the same length.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Mini animate() doesn't support "type" as a string.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

ou have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Reorder.Group must be provided a values prop

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Reorder.Item must be a child of Reorder.Group

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Repeat count too high, must be less than 20.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

No valid elements provided.

Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes}.

Motion is made possible thanks to our amazing sponsors.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.