The master-react-navigation-v5-class from reactnativeschool

Error when running it on Expo Web

I really enjoyed your course and it helped me to build a cross-platform iOS/Android app which uses a lot of the design patterns from the course. As I am considering to run my app on the web as well, I tested the various components for compatibility.

Most components do work on the web and React Navigation is marked as React Native Web compatible as well. Therefore I was expecting that this navigation pattern would work as well. But I am getting the error below with your finished course project as well as on my app, which I have not been able to solve:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of ExpoRootComponent.

I do not see any obvious web incompatibilities in the finished code.

What could be the solution?

  Expo CLI 4.5.2 environment info:
    System:
      OS: macOS Mojave 10.14.6
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 14.17.0 - ~/.nodenv/versions/14.17.0/bin/node
      Yarn: 1.22.5 - ~/.yarn/bin/yarn
      npm: 6.14.13 - ~/.nodenv/versions/14.17.0/bin/npm
      Watchman: 2021.06.07.00 - /usr/local/bin/watchman
    Managers:
      CocoaPods: 1.10.1 - /usr/local/bin/pod
    SDKs:
      iOS SDK:
        Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    IDEs:
      Android Studio: 4.2 AI-202.7660.26.42.7322048
      Xcode: 11.3.1/11C505 - /usr/bin/xcodebuild
    npmPackages:
      expo: ~36.0.0 => 36.0.2
      react: ~16.9.0 => 16.9.0
      react-dom: ~16.9.0 => 16.9.0
      react-native: https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz => 0.61.4
      react-native-web: ~0.11.7 => 0.11.7
    Expo Workflow: managed
    
----------------
react-dom.development.js:24036 Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of `ExpoRootComponent`.
    at http://localhost:19006/static/js/bundle.js:32480:34
    at createFiberFromTypeAndProps (http://localhost:19006/static/js/bundle.js:32483:13)
    at createFiberFromElement (http://localhost:19006/static/js/bundle.js:32504:15)
    at reconcileSingleElement (http://localhost:19006/static/js/bundle.js:22974:23)
    at reconcileChildFibers (http://localhost:19006/static/js/bundle.js:23031:35)
    at reconcileChildren (http://localhost:19006/static/js/bundle.js:25135:28)
    at finishClassComponent (http://localhost:19006/static/js/bundle.js:25500:5)
    at updateClassComponent (http://localhost:19006/static/js/bundle.js:25438:24)
    at beginWork$1 (http://localhost:19006/static/js/bundle.js:26949:16)
    at HTMLUnknownElement.callCallback (http://localhost:19006/static/js/bundle.js:8791:14)
    at Object.invokeGuardedCallbackDev (http://localhost:19006/static/js/bundle.js:8841:16)
    at invokeGuardedCallback (http://localhost:19006/static/js/bundle.js:8898:31)
    at beginWork$$1 (http://localhost:19006/static/js/bundle.js:31661:7)
    at performUnitOfWork (http://localhost:19006/static/js/bundle.js:30655:12)
    at workLoopSync (http://localhost:19006/static/js/bundle.js:30629:22)
    at renderRoot (http://localhost:19006/static/js/bundle.js:30322:11)
    at scheduleUpdateOnFiber (http://localhost:19006/static/js/bundle.js:29863:22)
    at scheduleRootUpdate (http://localhost:19006/static/js/bundle.js:32763:3)
    at updateContainerAtExpirationTime (http://localhost:19006/static/js/bundle.js:32791:10)
    at updateContainer (http://localhost:19006/static/js/bundle.js:32880:10)
    at http://localhost:19006/static/js/bundle.js:33407:7
    at unbatchedUpdates (http://localhost:19006/static/js/bundle.js:30131:12)
    at legacyRenderSubtreeIntoContainer (http://localhost:19006/static/js/bundle.js:33406:5)
    at render (http://localhost:19006/static/js/bundle.js:33486:12)
    at renderApplication (http://localhost:19006/static/js/bundle.js:34214:3)
    at Object.run (http://localhost:19006/static/js/bundle.js:34107:82)
    at Function.runApplication (http://localhost:19006/static/js/bundle.js:34146:23)
    at registerRootComponent (http://localhost:19006/static/js/bundle.js:3588:85)
    at Module.../../../../../../../developer/ReactNativeProjects/master-react-navigation-v5-class-finished/node_modules/expo/AppEntry.js (http://localhost:19006/static/js/bundle.js:3319:88)
    at __webpack_require__ (http://localhost:19006/static/js/bundle.js:790:30)
    at fn (http://localhost:19006/static/js/bundle.js:101:20)
    at Object.1 (http://localhost:19006/static/js/bundle.js:49088:18)
    at __webpack_require__ (http://localhost:19006/static/js/bundle.js:790:30)
    at http://localhost:19006/static/js/bundle.js:857:37
    at http://localhost:19006/static/js/bundle.js:860:10

reactnativeschool / master-react-navigation-v5-class Goto Github PK

master-react-navigation-v5-class's People

Contributors

Stargazers

Watchers

Forkers

master-react-navigation-v5-class's Issues

Error when running it on Expo Web

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent