[Reanimated] Seems like you are using a Babel plugin `react-native-reanimated/plugin`. It was moved to `react-native-worklets` package. Please use `react-native-worklets/plugin` instead.

[Waldid32]

Description

After upgrading my project to Expo SDK 54, which involved updating react-native-reanimated to version 4.1.0, I've encountered an issue where my animations are no longer working correctly.

When I start the development server, I receive the following warning multiple times in the console:

[Reanimated] Seems like you are using a Babel plugin `react-native-reanimated/plugin`. It was moved to `react-native-worklets` package. Please use `react-native-worklets/plugin` instead.

Following the migration guide and the warning message, I updated my babel.config.js to use the new plugin. Previously, my animations were working perfectly with react-native-reanimated: "~3.17.4".

Steps to reproduce

However, since making the required changes, the screen transition animations in my application no longer function. The views still change, but the animations themselves do not execute, resulting in an abrupt and broken user experience.
Configuration
Here is my current babel.config.js configuration:

module.exports = function (api) {
  api.cache(true);
  return {
    presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
    plugins: ['react-native-worklets/plugin'],
  };
};

Of course, here is the translation of your issue formatted for a GitHub report.

Title: [Bug]: Animations not working after upgrading to react-native-reanimated v4.1.0 and Expo SDK 51
Issue Description
After upgrading my project to Expo SDK 51, which involved updating react-native-reanimated to version 4.1.0, I've encountered an issue where my animations are no longer working correctly.

When I start the development server, I receive the following warning multiple times in the console:

[Reanimated] Seems like you are using a Babel plugin react-native-reanimated/plugin. It was moved to react-native-worklets package. Please use react-native-worklets/plugin instead.
Following the migration guide and the warning message, I updated my babel.config.js to use the new plugin. Previously, my animations were working perfectly with react-native-reanimated: "~3.17.4".

However, since making the required changes, the screen transition animations in my application no longer function. The views still change, but the animations themselves do not execute, resulting in an abrupt and broken user experience.

Configuration
Here is my current babel.config.js configuration:

JavaScript

module.exports = function (api) {
api.cache(true);
return {
presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
plugins: ['react-native-worklets/plugin'],
};
};
Relevant Package Versions

• "expo": "^54.0.0",
• react-native-reanimated: 4.1.0
• react-native-worklets-core: 0.5.1
• nativewind: 4.1.23
• react-native: 0.81.4

Expected Behavior
The screen transition animations should work smoothly as they did with react-native-reanimated version 3.

Actual Behavior
The animations do not run when navigating between screens. The console displays the warning about the Babel plugin being moved, even after the configuration has been updated.

Snack or a link to a repository

https://github.com/Waldid32

Reanimated version

4.1.0

Worklets version

0.5.1

React Native version

0.81.4

Platforms

iOS, Android

JavaScript runtime

None

Workflow

Expo Go

Architecture

None

Build type

No response

Device

Real device

Host machine

Windows

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[Waldid32]

[stefkampouris]

same

[Waldid32]

@stefkampouris what ?

[abhiiishek07]

Stuck in same error. Trying to downgrade to the 3.19.1

[MatiPl01]

Hey @Waldid32!

Please confirm if I understand you properly. You encounter 2 separate issues:

1. You are getting the following warning in the console:

[Reanimated] Seems like you are using a Babel plugin react-native-reanimated/plugin. It was moved to react-native-worklets package. Please use react-native-worklets/plugin instead.

2. Shared Element Transitions (this is what you describe as screen transitions, right?) no longer work in reanimated v4.

---

If that is correct then tell me if:

1. Changing react-native-reanimated/plugin to react-native-worklets/plugin or removing the react-native-worklets/plugin from the babel config entirely fixes this warning in the console?

2. Shared Element Transitions aren't implemented for the New Architecture yet, so you won't see the animation of a view while navigating between screens. Our teammate is currently working on the implementation for Fabric (the New React Native Architecture) and we hope to get it polished and released in the near future (can't say exactly when, but approx. in a few months or even earlier).

[Waldid32]

@MatiPl01 Hi,

module.exports = function (api) {
  api.cache(true);
  return {
    presets: [['babel-preset-expo', { jsxImportSource: 'nativewind' }], 'nativewind/babel'],
    plugins: ['react-native-worklets/plugin'],
  };
};

This is my Babel, but I still get the same error.

[karmatobgyel]

same here

[tmallet]

I have the same error

[aramis-it]

same

[dan-scrumsdotcom]

On Expo 53 and experiencing the same