software-mansion-labs / reanimated-3-playground Goto Github PK

View Code? Open in Web Editor NEW

193.0 193.0 66.0 9.76 MB

Playground app – fresh React Native project with preinstalled Reanimated v3

Home Page: https://docs.swmansion.com/react-native-reanimated

JavaScript 6.55% Java 48.21% Ruby 15.79% Objective-C 15.54% TypeScript 8.81% Objective-C++ 5.10%

reanimated-3-playground's Introduction

reanimated-3-playground

This repo contains a fresh React Native project with preinstalled Reanimated V3

Checkout using the following command to start playing with the new Reanimated API:

> git clone [email protected]:software-mansion-labs/reanimated-3-playground.git

Don't forget to install dependencies:

> cd reanimated-3-playground && yarn

And pods

> cd ios && pod install && cd ..

Then run the app using Xcode or react-native CLI.

Check Reanimated 3 documentation here.

reanimated-3-playground's People

Contributors

Stargazers

Watchers

Forkers

osdnk sunnylqm vamshi9666 dabigjoe6 lindskogen zrg-team terrysahaidak dellwatson hotchpotch ygreking yolpsoftware wcandillon gaishimo redseb karol-bisztyga sbycrosz adnaanbheda ksitko batdroid idkjs forabi nabati ardyfeb hosseinmd jonovono piaskowyk mrbrentkelly maihongyenit szdziedzic yasaminyaldaei m-inan tingzhouu quamiadomina reecereynolds shangsandalaohu123 stackhousehouse ibryapici limpbrains jimpala pierre275 pvinis ducngbk mehulshekhada96 raffichill drrefactor lachenmayer schiller-manuel dov11 alessiomtx yairopro denistea numandev1 edwin-tay8 fliip92 quangcao-offerup vpjacob lnmunhoz coder9194 mmttt89 hyperc seyi

reanimated-3-playground's Issues

Android error: "Tried to synchronously call function {fun} from a different thread"

Cloned reanimated-2-playground.
Run yarn
npm start + npm run android
Got error
Nothing else touched. This error related to useAnimatedStyle

error: unknown option `--web-only'

yarn; yarn web

$ expo start --web-only --web

  error: unknown option `--web-only'

reanimated-2-playground> expo --version
3.28.2

Not working on Xcode 14.3

Not able to run pod install on Xcode 14.3

The error is:

[!] Invalid `Podfile` file: unknown keywords: "Flipper", "Flipper-Folly", "Flipper-RSocket".

 #  from /Users/huyvu/Downloads/reanimated-2-playground-master/ios/Podfile:20
 #  -------------------------------------------
 #    # you should disable these next few lines.
 >    use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')
 #    post_install do |installer|
 #  -------------------------------------------
Couldn't install Pods. Updating the Pods project and trying again...
Command `pod install` failed.
└─ Cause: Invalid `Podfile` file: unknown keywords: "Flipper", "Flipper-Folly", "Flipper-RSocket".

 #  from /Users/huyvu/Downloads/reanimated-2-playground-master/ios/Podfile:20
 #  -------------------------------------------
 #    # you should disable these next few lines.
 >    use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')
 #    post_install do |installer|
 #  -------------------------------------------

Image not appear

Hello I just clone this repo and I try to run with ios emulator, but there's some issue I guess, the component <Image /> don't want appear, but on android device it's appear.

// code
<Image source={require('./assets/image.png')} />

on ios emulator

on android device

Sorry for my bad English

Wierde behavior with axios and FormData

After cloning the playground i'm facing some issues to send FormData through axios [Error: Network Error], but if a run npx react-native init and try the same code everything works just fine. Is there any android configuration made in playground that may be interfering in this situation ?

Works

{
"axios": "^0.21.1",
"react": "16.13.1",
"react-native": "0.63.4",
"react-native-image-picker": "^3.1.3"
}

Doesn't work

{
"axios": "^0.21.1",
"react": "16.13.1",
"react-native": "0.63.4",
"react-native-gesture-handler": "^1.9.0",
"react-native-image-picker": "^3.1.3",
"react-native-reanimated": "2.0.0-rc.1",
}

iOS cannot integration with existing app (reanimated 3.3.0 react-native 0.71.7)

the same issue software-mansion/react-native-reanimated#4614

npm install fail.

npm i fail on fresh clone of this repo.

PS C:\Users\\Desktop\deleteMe\reanimated-2-playground> npm i
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
npm ERR!   react@"17.0.2" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.13.1" from [email protected]
npm ERR! node_modules/react-dom
npm ERR!   react-dom@"^16.13.1" 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\\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\\AppData\Local\npm-cache\_logs\2023-03-20T20_32_08_747Z-debug.log
PS C:\Users\\Desktop\deleteMe\reanimated-2-playground>

PS C:\Users\\Desktop\deleteMe\reanimated-2-playground> node -v
v16.13.2
PS C:\Users\\Desktop\deleteMe\reanimated-2-playground> npm -v
8.1.2
PS C:\Users\\Desktop\deleteMe\reanimated-2-playground>

Git clone command in README.md does not work

In README.md, the command given is git clone [email protected]:software-mansion-labs/reanimated-2-playground.git

This resulted in an error, I've attached the screenshot as well:

Cloning into 'reanimated-2-playground'...
[email protected]: Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

Should the command be git clone https://github.com/software-mansion-labs/reanimated-2-playground.git instead? I can put up a pull request to edit README.md

How to run package for web without `expo web`?

Hi, I am trying to find an example where I can use the package in a react web app, but not necessarily run it using the expo-cli. This might be a very specific issue, but I am trying to run it with Plasmo. However, after installing the package and attempting to use it, I face the following error:

Expected ',', got '{'
🟡 13     | ../plasmo/examples/with-react-native/node_modules/react-native/Libraries/Renderer/shims/ReactFabric.js:17:13

I can make this error go by using the alias key in package.json, but not sure the exact package to point this to for correct behaviour. I have faced the issue with the following files, thanks for your help!

"react-native/Libraries/Renderer/shims/ReactFabric"
"react-native/Libraries/Utilities/codegenNativeComponent"
"react-native/Libraries/Image/AssetRegistry"
"react-native/Libraries/Image/resolveAssetSource"
"react-native/Libraries/Renderer/shims/ReactNative"

SyntaxError: Unexpected token =

$ expo start:web
Starting project at reanimated-2-playground
Expo DevTools is running at http://localhost:19002
Opening DevTools in the browser... (press shift-d to disable)
The project's Babel config is invalid: Unexpected token =
Unexpected token =
reanimated-2-playground\node_modules\react-native-reanimated\plugin.js:108
  trie = [{}, false];
       ^

SyntaxError: Unexpected token =

react-native-reanimated 2.3.1 is crashing on android

React-native-reanimated is not working on android

 "react-native": "0.66.3",
 "react-native-reanimated": "^2.3.1",

and I have added the following lines to the Android

MainApplication.java

import com.facebook.react.bridge.JSIModulePackage;
import com.swmansion.reanimated.ReanimatedJSIModulePackage;

@Override
        protected JSIModulePackage getJSIModulePackage() {
            return new ReanimatedJSIModulePackage();
        }

proguard.rules.pro

# react-native-reanimated
-keep class com.swmansion.reanimated.** { *; }
-keep class com.facebook.react.turbomodule.** { *; }

and when I try to run yarn run android get the following error screen, while this is not happening on IOS.

not work

I have an unknown error

App crashes on Android 5.1.1 at least

Description

Hi there, I was trying to implement the reanimated V2 on my project and I was having issues to do so, then I tried with this repository as well and the crash still happens, I have the stack trace so you can help to solve this.

Specs

Android 5.1.1
React Native 0.63.1 (used from the repo)

Steps

1 - Clone this repository
2 - Install NPM packages
3 - run yarn android
4 - enjoy the crash :)

Logcat

logcat.txt

Playground doesn't build for iOS

This doesn't seem to build for iOS.

git clone repo, then cd ios && pod install && cd .. && react-native run-ios renders

Ld /Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Reanimated2Playground.app/Reanimated2Playground normal x86_64 (in target: Reanimated2Playground)
    cd /Users/poyan/Projects/reanimated-svg/reanimated-2-playground/ios
    export IPHONEOS_DEPLOYMENT_TARGET=10.0
    /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/clang++ -arch x86_64 -isysroot /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator12.4.sdk -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator -L/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/swift/iphonesimulator -L/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/swift-5.0/iphonesimulator -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/CocoaAsyncSocket -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/DoubleConversion -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/FBReactNativeSpec -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Flipper -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Flipper-DoubleConversion -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Flipper-Folly -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Flipper-Glog -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Flipper-PeerTalk -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Flipper-RSocket -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/FlipperKit -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Folly -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/RCTTypeSafety -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/RNGestureHandler -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/RNReanimated -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-Core -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-CoreModules -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTAnimation -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTBlob -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTImage -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTLinking -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTNetwork -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTSettings -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTText -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-RCTVibration -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-cxxreact -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-jsi -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-jsiexecutor -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/React-jsinspector -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/ReactCommon -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Yoga -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/YogaKit -L/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/glog -L/Users/poyan/Projects/reanimated-svg/reanimated-2-playground/ios/Pods/CocoaLibEvent/lib -L/Users/poyan/Projects/reanimated-svg/reanimated-2-playground/ios/Pods/OpenSSL-Universal/ios/lib -F/Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator -filelist /Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Intermediates.noindex/Reanimated2Playground.build/Debug-iphonesimulator/Reanimated2Playground.build/Objects-normal/x86_64/Reanimated2Playground.LinkFileList -Xlinker -rpath -Xlinker /usr/lib/swift -Xlinker -rpath -Xlinker @executable_path/Frameworks -mios-simulator-version-min=10.0 -dead_strip -Xlinker -object_path_lto -Xlinker /Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Intermediates.noindex/Reanimated2Playground.build/Debug-iphonesimulator/Reanimated2Playground.build/Objects-normal/x86_64/Reanimated2Playground_lto.o -Xlinker -export_dynamic -Xlinker -no_deduplicate -Xlinker -objc_abi_version -Xlinker 2 -stdlib=libc++ -fobjc-arc -fobjc-link-runtime -ObjC -lCocoaAsyncSocket -lDoubleConversion -lFBReactNativeSpec -lFlipper -lFlipper-DoubleConversion -lFlipper-Folly -lFlipper-Glog -lFlipper-PeerTalk -lFlipper-RSocket -lFlipperKit -lFolly -lRCTTypeSafety -lRNGestureHandler -lRNReanimated -lReact-Core -lReact-CoreModules -lReact-RCTAnimation -lReact-RCTBlob -lReact-RCTImage -lReact-RCTLinking -lReact-RCTNetwork -lReact-RCTSettings -lReact-RCTText -lReact-RCTVibration -lReact-cxxreact -lReact-jsi -lReact-jsiexecutor -lReact-jsinspector -lReactCommon -lYoga -lYogaKit -lcrypto -levent -levent_core -levent_extra -levent_pthreads -lglog -lssl -lstdc++ -framework AudioToolbox -framework CFNetwork -framework JavaScriptCore -framework MobileCoreServices -framework Security -framework UIKit -ObjC -lc++ -Xlinker -sectcreate -Xlinker __TEXT -Xlinker __entitlements -Xlinker /Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Intermediates.noindex/Reanimated2Playground.build/Debug-iphonesimulator/Reanimated2Playground.build/Reanimated2Playground.app-Simulated.xcent -lPods-Reanimated2Playground -Xlinker -dependency_info -Xlinker /Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Intermediates.noindex/Reanimated2Playground.build/Debug-iphonesimulator/Reanimated2Playground.build/Objects-normal/x86_64/Reanimated2Playground_dependency_info.dat -o /Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Reanimated2Playground.app/Reanimated2Playground
ld: warning: directory not found for option '-L/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/swift-5.0/iphonesimulator'
Undefined symbols for architecture x86_64:
  "___darwin_check_fd_set_overflow", referenced from:
      _RAND_poll in libcrypto.a(rand_unix.o)
ld: symbol(s) not found for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)


** BUILD FAILED **


The following build commands failed:
	Ld /Users/poyan/Library/Developer/Xcode/DerivedData/Reanimated2Playground-ckrdejyixgnmgvbbdkfwqfhhnepn/Build/Products/Debug-iphonesimulator/Reanimated2Playground.app/Reanimated2Playground normal x86_64
(1 failure)

Builds fine when adding reanimated latest alpha manually to a fresh project.

Getting "Error: error:0308010C:digital envelope routines::unsupported" on yarn start

Wondering if anyone can help out

Failed to construct transformer: Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at stableHash (/home/data2/code/opensource/reanimated-2-playground/node_modules/metro-cache/src/stableHash.js:19:8) at Object.getCacheKey (/home/data2/code/opensource/reanimated-2-playground/node_modules/metro-transform-worker/src/index.js:593:7) at getTransformCacheKey (/home/data2/code/opensource/reanimated-2-playground/node_modules/metro/src/DeltaBundler/getTransformCacheKey.js:24:19) at new Transformer (/home/data2/code/opensource/reanimated-2-playground/node_modules/metro/src/DeltaBundler/Transformer.js:48:9) at /home/data2/code/opensource/reanimated-2-playground/node_modules/metro/src/Bundler.js:22:29 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'

link broken to docs in README

<deleted> (opened in wrong repo)

Deleted. Opened the issue in wrong repo.

Run on Web without Expo CLI ?

This project doesn't look like it is created using Expo CLI.
But in package.json, it uses expo to run on the web.
Can we run on web without Expo CLI ?

Gradle version doesn't work with JDK14

The current version 6.2 invokes this error

Could not initialize class org.codehaus.groovy.runtime.InvokerHelper

I had to change the version to 6.3 to enable builds.

`yarn web` fails to start

Steps to reproduce

git clone https://github.com/software-mansion-labs/reanimated-2-playground.git
cd reanimated-2-playground
yarn (to install the dependencies)
yarn run web

Expected

App starts up & can view in web browser

Actual

Get the following error in the console:

➜ git:(master) $ yarn web
yarn run v1.22.17
$ expo start --web || expo start --web --web-only
Starting project at /Users/greg/nosync/reanimated-2-playground
Unable to find expo in this project - have you run yarn / npm install yet?

  error: unknown option `--web-only'

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Additional Details

Running expo doctor:

➜ git:(master) $ expo doctor
Some dependencies are incompatible with the installed expo package version:
 - expo-asset - expected version: ~6.0.0 - actual version installed: 8.2.1
 - react-native-gesture-handler - expected version: ~1.3.0 - actual version installed: 1.9.0
 - react-native-reanimated - expected version: ~1.1.0 - actual version installed: 2.3.1
 - react-native-screens - expected version: 1.0.0-alpha.22 - actual version installed: 3.7.2
Your project may not work correctly until you install the correct versions of the packages.
To install the correct versions of these packages, please run: expo doctor --fix-dependencies,
or install individual packages by running expo install [package-name ...]
Warning: Invalid version [email protected] for expo sdkVersion 34.0.0. Use [email protected]

Running npx expo-env-info:

➜ git:(master) $ npx expo-env-info

  expo-env-info 1.0.2 environment info:
    System:
      OS: macOS 12.2.1
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 14.18.1 - ~/.nvm/versions/node/v14.18.1/bin/node
      Yarn: 1.22.17 - ~/.nvm/versions/node/v14.18.1/bin/yarn
      npm: 8.2.0 - ~/.nvm/versions/node/v14.18.1/bin/npm
      Watchman: 2022.03.14.00 - /usr/local/bin/watchman
    Managers:
      CocoaPods: 1.11.2 - /usr/local/bin/pod
    SDKs:
      iOS SDK:
        Platforms: DriverKit 21.2, iOS 15.2, macOS 12.1, tvOS 15.2, watchOS 8.3
      Android SDK:
        API Levels: 28, 29, 30
        Build Tools: 29.0.2, 31.0.0
        System Images: android-30 | Google APIs Intel x86 Atom, android-30 | Google Play Intel x86 Atom
        Android NDK: 23.1.7779620
    IDEs:
      Android Studio: 2020.3 AI-203.7717.56.2031.7784292
      Xcode: 13.2.1/13C100 - /usr/bin/xcodebuild
    npmPackages:
      react: 17.0.2 => 17.0.2
      react-dom: ^16.13.1 => 16.13.1
      react-native: 0.65.1 => 0.65.1
      react-native-web: ^0.15.5 => 0.15.5
    npmGlobalPackages:
      eas-cli: 0.48.1
      expo-cli: 5.3.0
    Expo Workflow: bare

App doesn't run on android!

I installed node packages by running
yarn
then I ran
npx react-native run-android
then it resulted to this

I think it is a problem caused by react-native-reanimated version 2
I tried using it on another project and this same error showed up.

any ideas?