Deployment Error with Hydrogen Storefront
Developers are encountering a critical deployment failure when attempting to deploy Shopify Hydrogen storefronts to Oxygen. The primary error message is:
Uncaught Error: No such module "@remix-run/react"
Initial Context:
Cannot read properties of null (reading 'useState') errorCommon Pattern:
remix.config.js to vite.config.js appears to be a common factorCurrent Status:
The problem appears to be related to module resolution during the Oxygen deployment process, potentially stemming from the Vite configuration migration.
Can anyone help me with this error i was getting an error before " ERROR Cannot read properties of null (reading ‘useState’) " after hours of trying to figure this out and countless times trying to contact a support team and no luck. I decided to scratch what i have and start over. Now when i try to deploy a new store front this is the error I am getting.
Deployment failed, error: Uncaught Error: No such module “@remix-run/react”.
79 imported from “worker.mjs”
we are also having the same issue in our deploy to oxygen step.
we are using following dependencies what we recently do is to move from remix.config.js to vite.config.js
"@remix-run/node": "^2.10.2",
"@remix-run/react": "^2.10.2",
"@remix-run/server-runtime": "^2.10.2",
"@shopify/app": "^3.54.0",
"@shopify/cli": "^3.64.1",
"@shopify/hydrogen": "^2024.7.2",
"@shopify/hydrogen-codegen": "^0.3.1",
"@shopify/mini-oxygen": "^3.0.3",
"@shopify/remix-oxygen": "^2.0.5",
"i18next": "^23.12.1",
"i18next-browser-languagedetector": "^7.2.1",
"i18next-fs-backend": "^2.3.1",
"i18next-http-backend": "^2.5.2",
"i18next-locize-backend": "5.0.1",
"isbot": "^3.8.0",
"react": "^18.2.0",
"react-i18next": "^14.1.3",
"remix-i18next": "^5.5.0",
"remix-utils": "^7.6.0"
and following dev dependencies
"@graphql-codegen/cli": "5.0.2",
"@remix-run/dev": "^2.10.1",
"@remix-run/eslint-config": "^2.10.1",
"@shopify/cli": "^3.63.2",
"@shopify/hydrogen-codegen": "^0.3.1",
"@shopify/mini-oxygen": "^3.0.4",
"@shopify/oxygen-workers-types": "^4.1.2",
"@shopify/prettier-config": "^1.1.2",
"@tailwindcss/vite": "4.0.0-alpha.17",
"@total-typescript/ts-reset": "^0.4.2",
"@types/eslint": "^8.4.10",
"@types/react": "^18.2.22",
"@types/react-dom": "^18.2.7",
"eslint": "^8.20.0",
"eslint-plugin-hydrogen": "0.12.2",
"prettier": "^2.8.4",
"typescript": "^5.2.2",
"vite": "^5.1.0",
"vite-tsconfig-paths": "^4.3.1",
"@tailwindcss/forms": "^0.5.3",
"@tailwindcss/typography": "^0.5.9",
"autoprefixer": "^10.4.16",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-import-resolver-node": "^0.3.9",
"eslint-plugin-import": "^2.27.5",
"eslint-plugin-react": "^7.33.2",
"husky": "^8.0.3",
"lint-staged": "^15.2.0",
"postcss": "^8.4.21",
"postcss-import": "^15.1.0",
"postcss-preset-env": "^8.2.0",
"remix-development-tools": "^4.2.2",
"stylelint": "^15.11.0",
"tailwindcss": "^3.3.0"
