Support react v19

[benposnick]

Issue

We cannot upgrade to React 19 and Next 15 because of @hello-pangea/dnd dependency on React 18.

What version of React are you using?

Trying to upgrade to [email protected].

What version of @hello-pangea/dnd are you running?

We are using @hello-pangea/[email protected].

npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"19.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^18.0.0" from @hello-pangea/[email protected]
npm ERR! node_modules/@hello-pangea/dnd
npm ERR!   @hello-pangea/dnd@"^17.0.0" from the root project

[kbehov]

I have the same problem, some temporary solution is to use --legacy-peer-deps, but i don't recommend it for production. I hope the lib will be soon updated

[100terres]

Hi @benposnick, I don't have an ETA on this yet, but I'll see what I can do. Hopefully, it won't be too complex to handle. I would like to run our test suite against both react v18 and v19.

[benposnick]

@100terres Thank you so much!!

[100terres]

I should be able to dedicate time to this issue in the next two weeks. I'm hoping to have something working in early January.

[TexLuciano]

very good to have feedback for this problem, this is the best lib for dragging

[ahmedyounes]

please guys 🙏

[Jonathan-W-Aitken]

by the looks of it, its the dependancy '[email protected]' thats behind

[AmithBV0606]

I should be able to dedicate time to this issue in the next two weeks. I'm hoping to have something working in early January.

@100terres Any updates? I'm still not able to use it React19...

[dafi]

Something is escaping me...
I migrated 4 apps to React19 and Pangea works perfectly, obviously during the build phase I get warnings about dependencies but the d&d works fine

I use pnpm and below the package.json

"dependencies": {
    "@hello-pangea/dnd": "^17.0.0",
    "@types/node": "^22.10.2",
    "eslint-plugin-react-compiler": "19.0.0-beta-b2e8e9c-20241220",
    "fuse.js": "^7.0.0",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },
  "devDependencies": {
    "@stylistic/eslint-plugin": "^2.12.1",
    "@types/react": "^19.0.2",
    "@types/react-dom": "^19.0.2",
    "@typescript-eslint/eslint-plugin": "^8.18.2",
    "@vitejs/plugin-react": "^4.3.4",
    "eslint": "^9.17.0",
    "eslint-config-dafi": "^1.0.14",
    "eslint-import-resolver-typescript": "^3.7.0",
    "eslint-plugin-import": "^2.31.0",
    "eslint-plugin-jsdoc": "^50.6.1",
    "eslint-plugin-react": "^7.37.3",
    "eslint-plugin-react-hooks": "5.1.0",
    "eslint-plugin-react-refresh": "^0.4.16",
    "eslint-plugin-unicorn": "^56.0.1",
    "gh-pages": "^6.2.0",
    "globals": "^15.14.0",
    "stylelint": "^16.12.0",
    "stylelint-config-standard": "^36.0.1",
    "typescript": "^5.7.2",
    "typescript-eslint": "^8.18.2",
    "vite": "^6.0.6",
    "vitest": "^2.1.8"
  }

I don't use React19 compiler also because it hasn't been released yet

Do you have a use case to reproduce some incompatibility between Pangea 17 and React19?

[thomasfire]

Do you have a use case to reproduce some incompatibility between Pangea 17 and React19?

Did the bundle size increase? I remember trying similar thing, but the bundle size increased by ~100KB and I decided to wait for the patch. Felt like React was included twice~

[dafi]

Do you have a use case to reproduce some incompatibility between Pangea 17 and React19?

Did the bundle size increase? I remember trying similar thing, but the bundle size increased by 100KB and I decided to wait for the patch. Felt like React was included twice

+15kb but obviously depends on project complexity

• @hello-pangea/dnd 17.0.0
• react 18.3.1
• react-dom 18.3.1

dist/index.html 0.80 kB │ gzip: 0.41 kB
dist/assets/index-DLNgG_EK.css 14.44 kB │ gzip: 3.32 kB
dist/assets/index-vVUt4hSs.js 302.46 kB │ gzip: 95.69 kB

• @hello-pangea/dnd 17.0.0
• react 19.0.0
• react-dom 19.0.0

dist/index.html 0.80 kB │ gzip: 0.41 kB
dist/assets/index-THD8Yueu.css 15.04 kB │ gzip: 3.47 kB
dist/assets/index-C22ElCJb.js 348.83 kB │ gzip: 110.17 kB

[100terres]

@100terres Any updates? I'm still not able to use it React19...

@AmithBV0606 Thanks for your patience! I'm working on it as we speak and doing my best to release an update as soon as possible. As mentioned earlier, I'm aiming for early January, but please understand that I'm dedicating my personal time outside of work hours to this, so it may take a little longer. That said, if you're in a hurry, feel free to fork the project, add support for React v19 yourself and open a pull request. This is an open-source project, and your contributions are always welcome! Thanks again for your understanding.