Expo for web crashing on reload or refresh

Expo SDK
1

Hello guys,
This might be a stupid question but i didn’t find any reference online .
I don’t know why I can launch my project normally clicking on “Run on web browser” or writing “https: / /localhost: 19006/” and it works flawlessly bringing me to “https: //localhost: 19006/map” but whenever there is a reload (might be caused by hot reload or manually) it tries to load “https: //localhost: 19006/map” and it doesn’t work. (this happens even with other route, not only map)

This problem does not appear while debugging android, it doesn’t even appear with a web build, each refresh seems to always work.

Here is the error i get while refreshing:

Running application "main" with appParams:
 
Object { rootTag: "#root" }
 
Development-level warnings: ON.
Performance optimizations: OFF. index.js:85
The above error occurred in the <App> component:
    in App (at withExpoRoot.web.js:13)
    in RootErrorBoundary (at withExpoRoot.web.js:12)
    in ExpoRootComponent (at registerRootComponent.web.js:6)
    in RootComponent
    in div
    in View
    in div
    in View
    in AppContainer

React will try to recreate this component tree from scratch using the error boundary you provided, RootErrorBoundary. index.js:1
Invariant Violation: "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https:/ /fb .me/react-invalid -hook-call for tips about how to debug and fix this problem."
    React 3
    App App.js:17
    React 12
    unstable_runWithPriority scheduler.development.js:643
    React 5
    setState useSyncState.tsx:30
    useNavigationBuilder useNavigationBuilder.tsx:366
    React 5
    unstable_runWithPriority scheduler.development.js:643
    React 10
    unstable_runWithPriority scheduler.development.js:643
    React 4
    unstable_runWithPriority scheduler.development.js:643
    React 9
    renderApplication renderApplication.js:21
    run index.js:49
    runApplication index.js:89
    registerRootComponent registerRootComponent.web.tsx:14
    js AppEntry.js:5
    Webpack 6
index.js:1
Invariant Violation: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https: //fb. me/react-invalid-hook-call for tips about how to debug and fix this problem. react-dom.development.js:15025
NotFoundError: Node was not found NativeSafeAreaView.web.tsx:53
Invariant Violation: Unable to locate attached view in the native tree 3 invariant.js:40
NotFoundError: Node was not found react-dom.development.js:10080

thanks for your time.

2

Anyone having the same issue?

4

Looks that your code has an invalid call. Look at this: https://reactjs.org/warnings/invalid-hook-call-warning.html

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.