Uncaught TypeError: "exports" is read-only js _EmitterSubscription.js:62 on web after Upgrade from Expo 42 to 46

After the upgrade from Expo 42 to 46 I get these errors when running the app on the web while I do no get errors running it on android with ExpoGo:

Uncaught TypeError: "exports" is read-only
    js _EmitterSubscription.js:62
    js bundle.js:86756
    Webpack 37
_EmitterSubscription.js:62
./node_modules/react-native/Libraries/vendor/emitter/_EventEmitter.js:66:10
Attempted import error: './_EmitterSubscription' does not contain a default export (imported as 'EmitterSubscription').
  64 |     return (this._subscriber.addSubscription(
  65 |       eventType,
 66 |       new EmitterSubscription(this, this._subscriber, listener, context),
     |          ^
  67 |     ): $FlowFixMe);
  68 |   }
  69 | react-native-logs.fx.ts:22

The package.json looks like this:

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@expo/vector-icons": "^13.0.0",
    "@expo/webpack-config": "^0.17.0",
    "@react-native-async-storage/async-storage": "~1.17.3",
    "@react-navigation/bottom-tabs": "^5.11.8",
    "@react-navigation/native": "^5.9.2",
    "apisauce": "^2.0.1",
    "expo": "^46.0.0",
    "expo-constants": "~13.2.4",
    "expo-location": "~14.3.0",
    "formik": "^2.2.6",
    "lodash": "^4.17.21",
    "parse": "^3.4.0",
    "prop-types": "^15.7.2",
    "react": "18.0.0",
    "react-dom": "18.0.0",
    "react-native": "0.69.6",
    "react-native-reanimated": "~2.9.1",
    "react-native-safe-area-context": "4.3.1",
    "react-native-screens": "~3.15.0",
    "react-native-web": "~0.18.7"
  },
  "devDependencies": {
    "@babel/core": "^7.18.6"
  },
  "private": true
}

What can I do to make the app work on the web again?

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