installation dependency issue

[janetranada]

I installed Reanimated v2 today and then tried to install react-native-redash.

using npm install react-native-redash, i get this error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react-native-reanimated
npm ERR!   react-native-reanimated@"^2.3.0-beta.3" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react-native-reanimated@">=2.0.0-rc.0" from [email protected]
npm ERR! node_modules/react-native-redash
npm ERR!   react-native-redash@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

using npm install react-native-redash --legacy-peer-deps, i get these errors when i tried to run the app:

error: node_modules/react-native-redash/lib/module/Vectors.js: /Users/janet/Desktop/app/node_modules/react-native-redash/lib/module/Vectors.js: Cannot find module '@babel/preset-typescript' from '/Users/janet/Desktop/app'
[Thu Nov 25 2021 14:31:34.158]  BUNDLE  ./index.js 

error: node_modules/react-native-redash/lib/module/Coordinates.js: /Users/janet/Desktop/app/node_modules/react-native-redash/lib/module/Coordinates.js: Cannot find module '@babel/preset-typescript' from '/Users/janet/Desktop/app'
[Thu Nov 25 2021 14:40:20.941]  BUNDLE  ./index.js 

error: node_modules/react-native-redash/lib/module/Coordinates.js: /Users/janet/Desktop/app/node_modules/react-native-redash/lib/module/Coordinates.js: Cannot find module '@babel/preset-typescript' from '/Users/janet/Desktop/app'

I was trying to run the sample code you have for Slider, which uses react-native-gesture-handler, react-native-reanimated, and react-native-redash.

Do you have advice on how to proceed and successfully run the code with the dependencies?

[SSOURABH58]

On upgrading to the latest Reanimated beta @2.3.0-beta.1 I am getting the same error message 🗒️

npm install [email protected]

Error :

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: [email protected]
npm ERR! node_modules/react-native-reanimated
npm ERR!   react-native-reanimated@"2.3.0-beta.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react-native-reanimated@">=2.0.0-rc.0" from [email protected]  
npm ERR! node_modules/react-native-redash
npm ERR!   react-native-redash@"^16.2.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.       
npm ERR!
npm ERR! See C:\Users\ssour\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ssour\AppData\Local\npm-cache\_logs\2021-11-28T10_12_54_165Z-debug.log

🙌 @janetranada Did u find a fix for this or a workaround for the time being?

I have no idea upgrading packages to beta if I am doing this wrong pls let me know! 😇

[janetranada]

@SSOURABH58 unfortunately, i'm also new with these 2 libraries. Haven't found a fix or workaround.

[wcandillon]

I'm pushing a change to get it to work: 8c882bd
Not sure if this is enough maybe we need to add this version tag explicitly.

[wcandillon]

can you try with 16.2.3?

[janetranada]

@wcandillon with 16.2.3

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react-native-reanimated
npm ERR!   react-native-reanimated@"2.3.0-beta.3" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react-native-reanimated@">=2.0.0" from [email protected]
npm ERR! node_modules/react-native-redash
npm ERR!   react-native-redash@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

[SSOURABH58]

🟢 I did npm install [email protected] to update the Redash version from 16.2.2 to 16.2.3; it was Successful!

🔴 But, when I did npm install [email protected] to update the Reanimated version
from 2.2.0 to 2.3.0-beta.1; it Failed 😔.

Error msg :

>npm install [email protected]

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! Found: [email protected]
npm ERR! node_modules/react-native-reanimated
npm ERR!   react-native-reanimated@"2.3.0-beta.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react-native-reanimated@">=2.0.0" from [email protected]
npm ERR! node_modules/react-native-redash
npm ERR!   react-native-redash@"^16.2.3" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See C:\Users\ssour\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ssour\AppData\Local\npm-cache\_logs\2021-11-28T14_38_37_252Z-debug.log

[SSOURABH58]

I tried doing npm install [email protected] --force with the --force. But, now its throwing error for the
Animated.View Animated is imported from Reanimated import Animated from "react-native-reanimated";.

Error :

'Animated.View' cannot be used as a JSX component.
  Its instance type 'View' is not a valid JSX element.
    Type 'View' is missing the following properties from type 'ElementClass': render, context, setState, forceUpdate, and 3 more.

[SSOURABH58]

Don't use --force Bad idea the build failed with a lot of errors.