Cannot read property 'code' of undefined at valueUnpacker

[devoren]

Description

After upgrading from 2.14.4 to 3.0.2 this problem appears:

Steps to reproduce

1. Update the library to the latest version in an existing application.
2. Run on Android

Snack or a link to a repository

NA

Reanimated version

3.0.2

React Native version

0.71.4

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

Debug mode

Device

Android emulator

Device model

Pixel 4 API 31

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?

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Snack or a link to a repository section.

[tomekzaw]

@devoren, did you run yarn start --reset-cache or npm start -- --reset-cache before submitting this issue?

[devoren]

yeah you were right, but now another error (i use FrameProcessor in react-native-vision-camera):
ReferenceError: Property '_setGlobalConsole' doesn't exist

[tomekzaw]

@devoren, did you check issues in react-native-vision-camera repository?

• ERROR ReferenceError: Property '_setGlobalConsole' doesn't exist mrousavy/react-native-vision-camera#1514
• 🐛 Property '_setGlobalConsole' doesn't exist (react-native-reanimated@^3) mrousavy/react-native-vision-camera#1510

As @mrousavy said in mrousavy/react-native-vision-camera#1210 (comment), Vision Camera v2 doesn't support Reanimated v3, so please upgrade to Vision Camera v3. Moreover, we will be working on integrating Vision Camera v3 with Reanimated v3 so stay tuned!

[devoren]

@tomekzaw Thanks a lot for the quick and clear answer!

[erksch]

I also get the error

Cannot read property 'code' of undefined at valueUnpacker 

• React Native: 0.71.3
• RN Babel Plugin: 0.73.7
• Reanimated: 3.0.2

I cleared my metro cache many times.

Are there any other ideas for a solution?

[julian-dotcom]

Resetting the cache worked for me! (yarn start --reset-cache or npm start -- --reset-cache)

[tomekzaw]

Solution

Read the docs. Installation

Step 1: Install the package

yarn add react-native-reanimated
npm install react-native-reanimated
npx expo install react-native-reanimated

⚠️ Step 2: Add Reanimated's babel plugin

babel.config.js

 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
+  plugins: ['react-native-reanimated/plugin'],
 };

⚠️ Step 3: Clear Metro bundler cache

yarn start --reset-cache
npm start -- --reset-cache
npx expo start -c