Gadget Developers•2w ago

Migration to React 19 error

I've migrated the app to React 19 and updated all the packages as you see in the image + types same version, but got an error. Do you have any idea how can I fix it?

10 Replies

Chocci_Milk•7d ago

Hello, Did you end up figuring this out or do you still need some help investigating?

mocuta_sorinOP•7d ago

Hi. Rolled it back to React 18.2 since I had to work on the project. But yeah, still need some help

Chocci_Milk•7d ago

This is my package.json on an app that works with React 19:

{
  "name": "product-reviews-public-remix-ssr",
  "version": "0.1.0",
  "description": "Internal package for Gadget app product-reviews-public-remix-ssr (Development environment)",
  "license": "UNLICENSED",
  "private": true,
  "scripts": {
    "build": "NODE_ENV=production remix vite:build",
    "shopify": "shopify",
    "shopify:config:use:development": "shopify app config use shopify.app.development.toml",
    "shopify:config:use:production": "shopify app config use shopify.app.toml",
    "shopify:dev": "yarn shopify:config:use:development && shopify app dev --no-update",
    "shopify:deploy:development": "yarn shopify:config:use:development && shopify app deploy",
    "shopify:deploy:production": "yarn shopify:config:use:production && shopify app deploy",
    "shopify:deploy": "yarn shopify:deploy:production",
    "shopify:info": "shopify app info"
  },
  "dependencies": {
    "@gadget-client/product-reviews-public-remix-ssr": "link:.gadget/client",
    "@gadgetinc/react": "^0.22.0",
    "@gadgetinc/react-shopify-app-bridge": "^0.19.0",
    "@react-email/components": "0.0.36",
    "@remix-run/node": "^2.17.0",
    "@remix-run/react": "^2.17.0",
    "@shopify/app-bridge-react": "^4.2.2",
    "@shopify/liquid-html-parser": "^2.9.0",
    "@shopify/polaris": "^13.9.5",
    "@shopify/polaris-icons": "^9.3.1",
    "fastify": "^4.24.2",
    "gadget-server": "link:.gadget/server",
    "highlight.js": "^11.11.1",
    "isbot": "^5.1.0",
    "liquidjs": "^10.21.1",
    "luxon": "^3.7.2",
    "p-map": "^4.0.0",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-markdown": "^10.1.0",
    "shopify-api-node": "^3.15.0",
    "short-uuid": "^5.2.0"
  },
  "devDependencies": {
    "@remix-run/dev": "^2.17.0",
    "@shopify/app-bridge-types": "^0.3.0",
    "@types/luxon": "^3.7.1",
    "@types/node": "^24.3.1",
    "@types/react": "^19.0.0",
    "@types/react-dom": "^19.0.0",
    "@types/uuid": "^10.0.0",
    "react-email": "4.0.7",
    "typescript": "^5.9.2",
    "vite": "^6.3.5"
  },
  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}

{
  "name": "product-reviews-public-remix-ssr",
  "version": "0.1.0",
  "description": "Internal package for Gadget app product-reviews-public-remix-ssr (Development environment)",
  "license": "UNLICENSED",
  "private": true,
  "scripts": {
    "build": "NODE_ENV=production remix vite:build",
    "shopify": "shopify",
    "shopify:config:use:development": "shopify app config use shopify.app.development.toml",
    "shopify:config:use:production": "shopify app config use shopify.app.toml",
    "shopify:dev": "yarn shopify:config:use:development && shopify app dev --no-update",
    "shopify:deploy:development": "yarn shopify:config:use:development && shopify app deploy",
    "shopify:deploy:production": "yarn shopify:config:use:production && shopify app deploy",
    "shopify:deploy": "yarn shopify:deploy:production",
    "shopify:info": "shopify app info"
  },
  "dependencies": {
    "@gadget-client/product-reviews-public-remix-ssr": "link:.gadget/client",
    "@gadgetinc/react": "^0.22.0",
    "@gadgetinc/react-shopify-app-bridge": "^0.19.0",
    "@react-email/components": "0.0.36",
    "@remix-run/node": "^2.17.0",
    "@remix-run/react": "^2.17.0",
    "@shopify/app-bridge-react": "^4.2.2",
    "@shopify/liquid-html-parser": "^2.9.0",
    "@shopify/polaris": "^13.9.5",
    "@shopify/polaris-icons": "^9.3.1",
    "fastify": "^4.24.2",
    "gadget-server": "link:.gadget/server",
    "highlight.js": "^11.11.1",
    "isbot": "^5.1.0",
    "liquidjs": "^10.21.1",
    "luxon": "^3.7.2",
    "p-map": "^4.0.0",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-markdown": "^10.1.0",
    "shopify-api-node": "^3.15.0",
    "short-uuid": "^5.2.0"
  },
  "devDependencies": {
    "@remix-run/dev": "^2.17.0",
    "@shopify/app-bridge-types": "^0.3.0",
    "@types/luxon": "^3.7.1",
    "@types/node": "^24.3.1",
    "@types/react": "^19.0.0",
    "@types/react-dom": "^19.0.0",
    "@types/uuid": "^10.0.0",
    "react-email": "4.0.7",
    "typescript": "^5.9.2",
    "vite": "^6.3.5"
  },
  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}

Check if you were missing any packages/types

mocuta_sorinOP•7d ago

Cool thanks. I will check that

mocuta_sorinOP•3d ago

Got the same error with updated packages and react 19. I downgraded just react to 18.3.1 and it's working. I think Remix isn't compatible with React 19, and better will be an upgrade to RR7. What do you think?

Chocci_Milk•3d ago

I have 3 applications all on Remix and React 19. I don't think that Remix is the issue There must be something else that you folks are running into that is causing this error

mocuta_sorinOP•3d ago

Ah I see, the ss you already provided is from a remix app. Okay, will check that

mocuta_sorinOP•3d ago

Didn't get any warnings on yarn & checked some peerDependencies

Chocci_Milk•3d ago

Are you on framework version 1.4? Are you on Vite 6.3.5?

mocuta_sorinOP•2d ago

Vite 6.3.5 as you could see above in my package.json. Framework.. ?!?

Gaming

Programming

Migration to React 19 error

Did you find this page helpful?