Git Product home page Git Product logo

Comments (36)

PrinceD96 avatar PrinceD96 commented on June 4, 2024 7

Until a fix is provided, you have 2 options:

  1. Upgrade to react-native v074.1 (can use latest react-native-reanimated)
  2. Downgrade to react-native-reanimated v3.6.1 (works with react-native v73)

from react-native-reanimated.

tomekzaw avatar tomekzaw commented on June 4, 2024 3

I've asked @szydlovsky to investigate this issue, fingers crossed ๐Ÿคž

from react-native-reanimated.

jenny-chiang avatar jenny-chiang commented on June 4, 2024 3

@szydlovsky I use react-native-reanimated 3.6.2 and it run.
Clearing cache and reinstalling didn't solve my problem.

from react-native-reanimated.

akylbek-hostaways avatar akylbek-hostaways commented on June 4, 2024 2

@tomekzaw It seems like this issue happens when we try to use "@gorhom/bottom-sheet": "^4.5.1", and the latest reanimated version

from react-native-reanimated.

PrinceD96 avatar PrinceD96 commented on June 4, 2024 2

@szydlovsky I just tried your steps but I keep getting

Exception in Hostfunction: not implemented

from react-native-reanimated.

akylbek-hostaways avatar akylbek-hostaways commented on June 4, 2024 2

@szydlovsky It's still not working. I'm getting these errors:

ERROR  Error: Exception in HostFunction: Not implemented 
ERROR  TypeError: undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[21], "@gorhom/bottom-sheet").BottomSheetModalProvider')

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024 1

@akylbek-hostaways I've done some digging and found out that our repros mostly differ by react-native versions - your uses 0.73.8 and it doesn't work - my uses 0.74.1. I suggest you try bumping it up

from react-native-reanimated.

jordmccord avatar jordmccord commented on June 4, 2024 1

Same issue on android RN version 73.6 and 3.11.0 reanimated

from react-native-reanimated.

ShahzaibMunir avatar ShahzaibMunir commented on June 4, 2024

I have my own project that is not possible to share

from react-native-reanimated.

tomekzaw avatar tomekzaw commented on June 4, 2024

@ShahzaibMunir Can you please run pod install in ios directory of your app again and see if it helps?

from react-native-reanimated.

jenny-chiang avatar jenny-chiang commented on June 4, 2024

I have the same problem.
I've tried deleting the Pods folder and run pod install, but still can't solve it.

Reanimated version
3.10.0
React Native version
0.73.8
@react-navigation/drawer version
6.6.15
react-native-gesture-handler version
2.12.0

from react-native-reanimated.

NeverGone97 avatar NeverGone97 commented on June 4, 2024

I have the same problem.
I've tried deleting nodemodule, yarn lock ,pod lock and run again, the Pods folder and run pod install, but still can't solve it.

Reanimated version
3.10.0
React Native version
0.72.4

from react-native-reanimated.

daveosterjr avatar daveosterjr commented on June 4, 2024

Getting same issue here as well.

from react-native-reanimated.

Squanbri avatar Squanbri commented on June 4, 2024

Exception in HostFunction: <unknown>

"react-native-gesture-handler" - "2.14.1"
"react-native-reanimated" - "3.8.1"

Got the same error on any use of reanimated

from react-native-reanimated.

Geenesh03 avatar Geenesh03 commented on June 4, 2024

Facing the same issue,
Error: Exception in HostFunction: Not implemented

Please let me know if there is any fix for this issue

from react-native-reanimated.

tomekzaw avatar tomekzaw commented on June 4, 2024

Thanks for reporting this problem.

Can you please submit a repro or at least paste full logs from Metro console (from the very beginning)?

from react-native-reanimated.

Geenesh avatar Geenesh commented on June 4, 2024

One possible solution is that we can downgrade the version of react-native-reanimated to something less than 3.10.0 both globally and within the project. This solved the issue for me until react-native-reanimated solves the issue.

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024

@ShahzaibMunir @jenny-chiang @NeverGone97 @daveosterjr @Squanbri @Geenesh03 @akylbek-hostaways (sorry for the verbose ping)
Hey everyone! I will soon try to find a repro for the issue, but before that try making a full clear of the project:

  1. Run git clean -xdf from the root of the project
  2. From the root execute: yarn && yarn build && cd ios && bundle install && bundle exec pod install && cd .. && yarn start --reset-cache It pretty much resets all caches and stuff

Let me know if made any difference. If not - I will proceed to finding the repro.

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024

Also, @akylbek-hostaways could you try applying the patch from here? Since you say it is connected to @gorhom/bottom-sheet that might fix it.

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024

@akylbek-hostaways one more thing that sparks to mind - have you tried bumping bottom sheet package to the latest version (4.6.1) ?

from react-native-reanimated.

akylbek-hostaways avatar akylbek-hostaways commented on June 4, 2024

@szydlovsky Yes, I tried with the alpha version as well, but I still get the same error.

from react-native-reanimated.

Geenesh03 avatar Geenesh03 commented on June 4, 2024

@jenny-chiang Can you check the global version of the react-native-reanimated, using npm list -g this will list the version of react-native-reanimated installed globally. Remove it and try re-installing the required version.

from react-native-reanimated.

jenny-chiang avatar jenny-chiang commented on June 4, 2024

@Geenesh03 I have not installed react-native-reanimated in the global.
I only installed in my project.

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024

Hey guys, I am still trying to find a repro. I created a sample repo with @gorhom/bottom-sheet, react-native-reanimated and react-native-gesture-handler: https://github.com/szydlovsky/reaniamtedHostFunctionCrashRepro

Its package.json is:

{
  "name": "reaniamtedHostFunctionCrashRepro",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "lint": "eslint .",
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "@gorhom/bottom-sheet": "^4.6.1",
    "react": "18.2.0",
    "react-native": "0.74.1",
    "react-native-gesture-handler": "^2.16.2",
    "react-native-reanimated": "^3.11.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.20.0",
    "@react-native/babel-preset": "0.74.83",
    "@react-native/eslint-config": "0.74.83",
    "@react-native/metro-config": "0.74.83",
    "@react-native/typescript-config": "0.74.83",
    "@types/react": "^18.2.6",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.6.3",
    "eslint": "^8.19.0",
    "jest": "^29.6.3",
    "prettier": "2.8.8",
    "react-test-renderer": "18.2.0",
    "typescript": "5.0.4"
  },
  "engines": {
    "node": ">=18"
  },
  "packageManager": "[email protected]"
}

And its babel.config.js is:

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

It contains some sample code using bottom-sheet. Can anyone clone it and see if the crash is still there? It works perfectly for me.

from react-native-reanimated.

akylbek-hostaways avatar akylbek-hostaways commented on June 4, 2024

@szydlovsky Yes, your repository works well. This issue can be related to the JSC, because it started giving errors when hermesjs is disabled

https://github.com/akylbek-hostaways/repro-animated

from react-native-reanimated.

AlekseyPim avatar AlekseyPim commented on June 4, 2024

@szydlovsky works fine.
Interesting that for my repo everything worked fine till yesterday

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024

@akylbek-hostaways alright, your repro throws - time to investigate

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024

Here's some reference how to do it: https://reactnative.dev/docs/upgrading

from react-native-reanimated.

szydlovsky avatar szydlovsky commented on June 4, 2024

Also this: https://react-native-community.github.io/upgrade-helper/

from react-native-reanimated.

bear-ei avatar bear-ei commented on June 4, 2024

@akylbek-hostaways I've done some digging and found out that our repros mostly differ by react-native versions - your uses 0.73.8 and it doesn't work - my uses 0.74.1. I suggest you try bumping it up

Is there a way to solve this issue in 0.73.*? I can't upgrade to version 0.74.0 due to some compatibility reasons for now.

from react-native-reanimated.

mahipalsingh-syt avatar mahipalsingh-syt commented on June 4, 2024

any update on this ? facing same issue.

from react-native-reanimated.

FaggioniHQ avatar FaggioniHQ commented on June 4, 2024

Hello,

Any workaround for this?

Thanks in advance :)

from react-native-reanimated.

avtarvikas avatar avtarvikas commented on June 4, 2024

I faced the same issue while using bottom sheet, it got fixed by making these changes in the version

"@gorhom/bottom-sheet": "^4.6.1",
"react-native": "0.73.1",
"react-native-gesture-handler": "^2.16.2",
"react-native-reanimated": "3.6.1",

i am using node - 21.7.3
@PrinceD96 good workaround

from react-native-reanimated.

tarakagilefoways avatar tarakagilefoways commented on June 4, 2024
  1. Downgrade to react-native-reanimated v3.6.1 by removing ^ in package.json
  2. Install node_modules again,
  3. reset cache of metro server.

_the only workaround until you decide to upgrade project latest 74. + version._*

from react-native-reanimated.

RohitDianApps avatar RohitDianApps commented on June 4, 2024

I faced the same issue while using reanimated

"react-native": "0.72.1",
"react-native-reanimated": "^3.4.2",

Anyone find fix around?

from react-native-reanimated.

akylbek-hostaways avatar akylbek-hostaways commented on June 4, 2024

Another workaround for versions below 0.74 is enabling hermesjs

from react-native-reanimated.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.