React native required dispatch_sync to load

[LukePenkava]

Hi, i am getting this error once in a while when reloading React Native app. No idea, if that is something on my side or what to do with it. But i think that this error has something to do with navigator.geolocation.getCurrentPosition(). Not sure tho. Thanks for any help.

react native required dispatch_sync to load constants for RNGestureHandlerModule. this may lead to deadlocks

[SnehalAgrawal]

Is it an error or showing as a warning?

[sowee15]

I started getting this as well. It's a warning (yellowbox). Any idea what it means?

[msageryd]

I have seen it occasionally before. But after upgrading from 1.3.0 to 1.4.1 I get it on every app-start in the simulator. @SnehalAgrawal It's a warning.

edit: I'll take it back. It's not every start, but most.

[jerryheir]

Any fix?

[newfylox]

2021 and still have this warning on iOS. I am using react-native: 0.60.6 and react-native-gesture-handler: 1.10.3

[hirbod]

This error showed up for me the very first time after upgrading expo sdk to verison 44. (RNGH v2)

[rafaelmaeuer]

Same error for me, seemed to appear after upgrading to RNGH v2

[hirbod]

I've upgraded to RNGH 2.1.0 - but the error still remained. I've checked the docs once again, and found that we should wrap our app with a GestureHandlerRootView since 2.0.0.

So what I changed

import 'react-native-gesture-handler';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
....

  return (
    <DripsyProvider theme={colorMode === 'dark' ? theme : themeLight}>
      <QueryClientProvider client={RNQueryClient}>
        <SafeAreaProvider initialMetrics={initialWindowMetrics}>
          <GestureHandlerRootView style={{ flex: 1 }}>
            <Navigator theme={combinedTheme} />
          </GestureHandlerRootView>
        </SafeAreaProvider>
      </QueryClientProvider>
    </DripsyProvider>
  );

After wrapping with GestureHandlerRootView, the warning disappeared for me and never returned, even after 40 App restarts. The only thing I am unsure about is the fact that I have to import rngh and import GestureHandlerRootView. Do I still need to import it that way?

[cristianoccazinsp]

I'm wrapping the view, yet I keep getting the same warning. Thoughts?

[hirbod]

I did not dig into it. At least the warning did disappear for me after wrapping it with the RNGHRootView.

At the end, it’s just a warning and we could add an exception to yellow box to get rid of it.

Edit: after couple of restarts, it did appear again for me as well. So my provided "solution" isn't one.

[Dramex]

same issue here.

[comur]

same here

[3runoDesign]

same here!

[danielgospodinow]

Same here.

[KhachDavid]

Same issue here. Wrapping with the RNGHRootView didn't work for me as well

[lockieluke]

i can't believe this issue has been around for two years

[KhachDavid]

i can't believe this issue has been around for two years

Ikr...Is it dangerous to just suppress it and hope for the best?

[gdoudeng]

+1

[VladislavDDP]

same issue, suppose it happens cause of lib version

[michaelypes]

Just done a complete new build and getting this error just showing a simple homescreen in react-navigation. Followed suggested solution and not worked.

"@react-navigation/native": "^6.0.6", "@react-navigation/native-stack": "^6.2.5", "react": "17.0.2", "react-native": "0.66.4", "react-native-gesture-handler": "^2.1.0",

After a bit more research it seems adding the stack is causing the problem

@react-navigation/native-stack

Very basic app setup, with no stack in the navigator it does not cause the error

import 'react-native-gesture-handler';
import * as React from 'react';
import { View, Text } from 'react-native';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

function HomeScreen() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Text>Basic Home Screen</Text>
    </View>
  );
}

const Stack = createNativeStackNavigator();

function App() {
  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen name="Home" component={HomeScreen} />
        </Stack.Navigator>
      </NavigationContainer>
    </GestureHandlerRootView>
  );
}

export default App;

[3runoDesign]

I didn't get the error anymore... follow my configuration:

"@react-navigation/elements": "^1.2.1",
"@react-navigation/native": "^6.0.6",
"@react-navigation/stack": "^6.0.11",
"react-native-gesture-handler": "^2.1.0",
"react-native-reanimated": "^2.3.1",
"react-native-safe-area-context": "^3.3.2",

[farcondee]

Finally I got it to work.

My app previously crashed on Android and produced the warning message in ios. Now the app starts and works flawlessly on both platforms. I finally got it to work by downgrading react-native-reanimated.

In package.json, I changed "react-native-reanimated": "~2.3.1" to "react-native-reanimated": "~2.2.4"

Then I ran a yarn install and a pod install in the ios folder

[mattahorton]

Didn't work for me. I am currently ignoring this but would love to know if it's a bug.

[nzcodarnoc]

Thank you so much @farcondee !

Confirming that https://github.com/software-mansion/react-native-gesture-handler/issues/722#issuecomment-1014289859 fixed the problem for me.

[filiphorvei]

Didn't work for me. I am currently ignoring this but would love to know if it's a bug.

It didn't work for me either, but then I looked at react-native-renanimated in node_modules and realized it wasn't actually downgraded by npm when I changed package.json and ran "npm install". I had to run "npm install [email protected]" for it to work :)

[dthomason]

downgrading react-native-reanimated to 2.2.4 worked for me. Ran into the same issue as @filiphorvei and had to rm -rf node_modules to get it to actually downgrade. I've had more issues with that library than any other I think.

[jetaggart]

@farcondee this worked for me as well, thank you! Spent hours hunting around in the dark after updating libraries.

[mackenziekira]

After downgrading to [email protected], does anyone else see this warning instead?

'SplashScreen.show' has already been called for given view controller.
at node_modules/react-native/Libraries/Utilities/RCTLog.js:34:8 in logIfNoNativeHook

[marcusnunes]

Finally I got it to work.

My app previously crashed on Android and produced the warning message in ios. Now the app starts and works flawlessly on both platforms. I finally got it to work by downgrading react-native-reanimated.

In package.json, I changed "react-native-reanimated": "~2.3.1" to "react-native-reanimated": "~2.2.4"

Then I ran a yarn install and a pod install in the ios folder

This worked here.

[LunatiqueCoder]

Finally I got it to work.

My app previously crashed on Android and produced the warning message in ios. Now the app starts and works flawlessly on both platforms. I finally got it to work by downgrading react-native-reanimated.

In package.json, I changed "react-native-reanimated": "~2.3.1" to "react-native-reanimated": "~2.2.4"

Then I ran a yarn install and a pod install in the ios folder

Indeed this solution also worked for me. As a side note, on the project we're working on, I'm the only one with an M1 Apple Silicon and had this issue. My other colleagues with an Intel did not have this problem. I had to beg my team to downgrade so I could work normally with them.