AssetRegistry not found errors when using in project with Firebase and MUI and ...

[alankent]

I am getting the following error in my main Next.js project that has a number of other dependencies. I don't get the same error in a standalone project (a project with just the fiber module added). My novice exploration is it seems some of the other libraries (Firebase I think) includes some react-native libraries, which then makes threejs (?) think it should add even more react-native stuff.

My project is a web server - I don't include any react-native code directly. Is there some way to turn off all react-native support/building somehow? (I also came across expo/expo#21469, but forcing a newer version of expo did not solve the problem either. I suspect I just don't want expo being loaded at all since I am just trying to do a web page that loads in a web server.)

Any wisdom greatly appreciated.

The error message:

../node_modules/expo-asset/build/Asset.js:2:0
Module not found: Can't resolve 'react-native/Libraries/Image/AssetRegistry'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
../node_modules/expo-asset/build/index.js
./node_modules/@react-three/fiber/native/dist/react-three-fiber-native.esm.js
./pages/three.js

Here is my package.json file

{
  "name": "ordinary-saas-animator",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "xx-postbuild": "next-sitemap",
    "start": "next start"
  },
  "dependencies": {
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@firebase/analytics": "^0.10.0",
    "@firebase/app": "^0.9.14",
    "@firebase/auth": "^1.0.0",
    "@firebase/database": "^1.0.0",
    "@firebase/firestore": "^4.0.0",
    "@firebase/storage": "^0.11.2",
    "@mui/icons-material": "^5.13.7",
    "@mui/lab": "^5.0.0-alpha.135",
    "@mui/material": "^5.13.7",
    "@react-three/fiber": "^8.13.6",
    "autoprefixer": "10.4.14",
    "js-cookie": "^3.0.5",
    "next": "13.4.9",
    "next-sitemap": "^4.1.8",
    "postcss": "8.4.25",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "three": "^0.155.0"
  }
}

[alankent]

I am officially an idiot. I copied the "native" code sample for my test page! I removed '/native' from the import and it start working. I had to discover that 10 seconds after asking. Oh well...