Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

export 'default'.'Value' (imported as 'Animated') was not found in 'react-native-reanimated' - 2.10.x

See original GitHub issue

Description

Found when upgrading a react native web project’s reanimated dep from 2.2.x -> 3.0.0-rc.3

ERROR in ./node_modules/@react-navigation/drawer/lib/module/views/legacy/Drawer.js 84:25-39

export 'default'.'Value' (imported as 'Animated') was not found in 'react-native-reanimated' (possible exports: FlatList, Image, ScrollView, Text, View, addWhitelistedNativeProps, addWhitelistedUIProps, createAnimatedComponent

Steps to reproduce

upgrade reanimated from 2.2.x -> 3.0.x
use react-navigation with all of the latest versions (drawer v6.5.0)

Snack or a link to a repository

N/A

Reanimated version

2.10.x & up

React Native version

react native web 0.18.9

Platforms

Web

JavaScript runtime

No response

Workflow

No response

Architecture

No response

Build type

No response

Device

No response

Device model

No response

Acknowledgements

Yes

Issue Analytics

State:
Created a year ago
Reactions:2
Comments:19 (4 by maintainers)

Top GitHub Comments

6reactions

ssarnotcommented, Nov 15, 2022

It was happened between 2.9.x and 2.10.0 when index files in package was splits into: index.js and index.web.js

I’m using expo 47, react-native 70 and react-native-reanimated 2.12.0 and here are steps to fix this issue:

Install this package:

yarn add @babel/plugin-proposal-export-namespace-from

Add in your babel.config.js:

module.exports = {
    presets: [
      ...
    ],
    plugins: [
        ...
        '@babel/plugin-proposal-export-namespace-from',
        'react-native-reanimated/plugin',
    ],
};

3reactions

roryabrahamcommented, Sep 27, 2022

We’re seeing this in version 2.10.x

Top Results From Across the Web

Interpolate | React Native Reanimated - Software Mansion

When using interpolate imported directly from react-native-reanimated v1, ... If extrapolation for a side is not provided, it defaults to Extrapolation.

I'm getting an error about not having a default export

Question :: export 'default' (imported as 'AuthProvider') was not found in '../components/contexts/AuthContext' (possible exports: ...

react-native-reanimated - npm

More powerful alternative to Animated library for React Native.. Latest version: 2.13.0, last published: a month ago.

export 'default' (imported as 'link') was not found in 'react ...

software-mansion/react-native-reanimatedexport 'default'.'Value' (imported as 'Animated') was not found in 'react-native-reanimated' - 2.10.x#3614.

react-native-reanimated - UNPKG

The CDN for react-native-reanimated. ... 48, * ' __value' is not available at runtime on AnimatedNode<T>. It is ... 603, export default Animated;....