The Version of 8.0.0-beta-02 TypeError: undefined is not an object (evaluating 'ReactCurrentActQueue.current')

[zhangyanni666]

[zhangyanni666]

I particularly hope that this problem will be solved~~

[joshuaellis]

Please provide a reproduction of the issue so we can investigate.

[CodyJasonBennett]

Do note that React 18 beta is a peer dependency but we'll need some kind of recreation (a snack or repo) to dig into this.

[zhangyanni666]

TypeError: undefined is not an object (evaluating 'ReactCurrentActQueue.current')
This error is located at:
in ForwardRef (at mapLine.js:149)
in RCTView (at View.js:34)
in View (at SafeAreaView.js:41)
in ForwardRef(SafeAreaView) (at mapLine.js:148)
in ThreeFullScreen (at SceneView.tsx:126)
in StaticContainer
in StaticContainer (at SceneView.tsx:119)
in EnsureSingleNavigator (at SceneView.tsx:118)
in SceneView (at useDescriptors.tsx:209)
in RCTView (at View.js:34)
in View (at DebugContainer.native.tsx:27)
in DebugContainer (at NativeStackView.native.tsx:71)
in MaybeNestedStack (at NativeStackView.native.tsx:228)
in MaybeFreeze (at src/index.native.tsx:229)
in RNSScreen (at createAnimatedComponent.js:165)
in AnimatedComponent (at createAnimatedComponent.js:215)
in ForwardRef(AnimatedComponentWrapper) (at src/index.native.tsx:208)
in Screen (at NativeStackView.native.tsx:175)
in SceneView (at NativeStackView.native.tsx:276)
in RNSScreenStack (at src/index.native.tsx:160)
in ScreenStack (at NativeStackView.native.tsx:267)
in NativeStackViewInner (at NativeStackView.native.tsx:321)
in RNCSafeAreaProvider (at SafeAreaContext.tsx:76)
in SafeAreaProvider (at SafeAreaProviderCompat.tsx:38)
in SafeAreaProviderCompat (at NativeStackView.native.tsx:320)
in NativeStackView (at createNativeStackNavigator.tsx:67)
in NativeStackNavigator (at App.js:35)
in EnsureSingleNavigator (at BaseNavigationContainer.tsx:429)
in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:132)
in ThemeProvider (at NavigationContainer.tsx:131)
in ForwardRef(NavigationContainerInner) (at App.js:34)
in App (created by ExpoRoot)
in ExpoRoot (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:104:6 in reportException
at node_modules/react-native/Libraries/Core/ExceptionsManager.js:171:19 in handleException
at node_modules/react-native/Libraries/Core/ReactFiberErrorDialog.js:43:2 in showErrorDialog
at node_modules/@react-three/fiber/native/dist/react-three-fiber-native.cjs.dev.js:256:16 in React__namespace.createElement$argument_1.onContextCreate

[zhangyanni666]

index.js:1 The above error occurred in the <ForwardRef(Canvas)> component:

at Canvas (http://localhost:19006/static/js/bundle.js:20310:24)
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at http://localhost:19006/static/js/bundle.js:69837:21
at ThreeFullScreen (http://localhost:19006/static/js/bundle.js:168491:81)
at StaticContainer (http://localhost:19006/static/js/bundle.js:10845:16)
at EnsureSingleNavigator (http://localhost:19006/static/js/bundle.js:10526:23)
at SceneView (http://localhost:19006/static/js/bundle.js:10735:21)
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at Background (http://localhost:19006/static/js/bundle.js:14362:20)
at Screen (http://localhost:19006/static/js/bundle.js:15521:107)
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at NativeSafeAreaView (http://localhost:19006/static/js/bundle.js:65614:23)
at SafeAreaProvider (http://localhost:19006/static/js/bundle.js:65794:24)
at SafeAreaProviderCompat (http://localhost:19006/static/js/bundle.js:15473:23)
at NativeStackView (http://localhost:19006/static/js/bundle.js:15853:20)
at NativeStackNavigator (http://localhost:19006/static/js/bundle.js:15790:31)
at EnsureSingleNavigator (http://localhost:19006/static/js/bundle.js:10526:23)
at BaseNavigationContainer (http://localhost:19006/static/js/bundle.js:10162:27)
at ThemeProvider (http://localhost:19006/static/js/bundle.js:16470:20)
at NavigationContainerInner (http://localhost:19006/static/js/bundle.js:16109:25)
at App
at ExpoRootComponent (http://localhost:19006/static/js/bundle.js:28511:83)
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at div
at http://localhost:19006/static/js/bundle.js:74683:25
at AppContainer (http://localhost:19006/static/js/bundle.js:66603:24)

React will try to recreate this component tree from scratch using the error boundary you provided, ThreeFullScreen.

[zhangyanni666]

TypeError: Cannot read properties of undefined (reading 'current')
at isConcurrentActEnvironment (react-reconciler.development.js:17260)
at warnIfUpdatesNotWrappedWithActDEV (react-reconciler.development.js:19506)
at scheduleUpdateOnFiber (react-reconciler.development.js:17489)
at Object.updateContainer (react-reconciler.development.js:20777)
at _render (react-three-fiber.esm.js:327)
at react-three-fiber.esm.js:191
at commitHookEffectListMount (react-dom.development.js:20573)
at commitLifeCycles (react-dom.development.js:20634)
at commitLayoutEffects (react-dom.development.js:23426)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
at invokeGuardedCallback (react-dom.development.js:4056)
at commitRootImpl (react-dom.development.js:23151)
at unstable_runWithPriority (scheduler.development.js:468)
at runWithPriority$1 (react-dom.development.js:11276)
at commitRoot (react-dom.development.js:22990)
at performSyncWorkOnRoot (react-dom.development.js:22329)
at react-dom.development.js:11327
at unstable_runWithPriority (scheduler.development.js:468)
at runWithPriority$1 (react-dom.development.js:11276)
at flushSyncCallbackQueueImpl (react-dom.development.js:11322)
at flushSyncCallbackQueue (react-dom.development.js:11309)
at scheduleUpdateOnFiber (react-dom.development.js:21893)
at dispatchAction (react-dom.development.js:16139)
at ResizeObserver.callback (web.js:69)
at later (index.js:27)

[zhangyanni666]

package.json:
"dependencies": {
"@ant-design/react-native": "^4.2.0",
"@react-navigation/bottom-tabs": "^6.0.5",
"@react-navigation/native": "^6.0.2",
"@react-navigation/native-stack": "^6.0.4",
"@react-three/drei": "7.22.7",
"@react-three/fiber": "^8.0.0-beta-02",
"@unimodules/core": "^7.1.1",
"@unimodules/react-native-adapter": "^6.3.5",
"babel-plugin-import": "^1.13.3",
"base-64": "^1.0.0",
"expo": "~42.0.0",
"expo-asset": "^8.3.3",
"expo-constants": "^11.0.1",
"expo-file-system": "^11.1.3",
"expo-font": "~9.2.1",
"expo-gl": "^9.1.0",
"expo-linking": "~2.3.1",
"expo-splash-screen": "~0.11.2",
"expo-status-bar": "~1.0.2",
"expo-three": "^5.7.0",
"expo-three-orbit-controls": "^2.0.0",
"expo-updates": "~0.8.1",
"expo-web-browser": "~9.2.0",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-scripts": "3.0.1",
"react-native": "~0.63.4",
"react-native-modal-dropdown": "^1.0.1",
"react-native-reanimated": "~2.2.0",
"react-native-screens": "^3.9.0",
"react-native-unimodules": "~0.14.5",
"react-native-web": "~0.17.1",
"react-native-webview": "^11.13.0",
"three": "^0.133.1",
"three-mesh-bvh": "0.5.2",
"three-stdlib": "^2.5.9"
},
"devDependencies": {
"@babel/core": "^7.9.0",
"@types/jest": "^27.0.3",
"@types/react": "^17.0.35",
"@types/react-native": "^0.66.5",
"@types/react-test-renderer": "^17.0.1",
"@types/three": "^0.133.1",
"typescript": "^4.5.2"
},

[CodyJasonBennett]

You'll need to use react@beta alongside v8. See expo installation and this example.

[jedahan]

Using the r3f starter, expo@44, r3f@beta, and react@rc, still get that error.

{
  "main": "node_modules/expo/AppEntry.js",
  "private": true,
  "scripts": {
    "expo": "expo",
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "expo-cli": "^5.0.3"
  },
  "dependencies": {
    "@react-three/drei": "^8.0.0",
    "@react-three/fiber": "^8.0.0-beta-04",
    "expo": "^44.0.0",
    "react": "^18.0.0-rc.0",
    "react-native": "0.64.3",
    "three": "^0.136.0"
  }
}

[janseke10]

Hi, did you figure out how to solve it? I've run into this problem.

"devDependencies": {
"@mendix/pluggable-widgets-tools": "^10.7.1",
"@types/big.js": "^6.0.2"
},
"dependencies": {
"@react-three/fiber": "^8.16.8",
"@types/three": "^0.166.0",
"classnames": "^2.2.6",
"three": "^0.166.1"
},
"resolutions": {
"react": "^18.2.0",
"react-dom": "18.2.0",
"@types/react": "18.2.0",
"@types/react-dom": "18.2.0"
},
"overrides": {
"react": "^18.2.0",
"react-dom": "18.2.0",
"@types/react": "18.2.0",
"@types/react-dom": "18.2.0"
}
}

[She-yh]

Hi, have you solved this problem?