Library doesn't work (crashes) in newer versions of react

[DoronTorangy]

This happens when running every example in the "showcase" pages using these versions:
muuri: 0.9.3
react: 17.0.1
react-dom: 17.0.1
muuri-react: 3.1.6

[benbourgeois-92]

Do we know what version it last ran at? I've run into this issue as well but downgrading didn't seem to have any effect.

[albiesoft]

I have this issue with the latest of React and NextJS too

[ingcarlostello]

Im having the same issue with:
"muuri": "^0.8.0",
"muuri-react": "^3.1.6",
"react": "^17.0.2",
"react-dom": "^17.0.1",

with this versions works fine:
"muuri": "^0.9.3",
"muuri-react": "^3.1.6",
"react": "^16.14.0",
"react-dom": "^16.13.1",

[alexandrsek]

Any updates on this problem?

[christofflueck]

Also would love for an update here. We really like the library but it blocks us from upgrading to react 17

[mrtijn]

Created a quick fix:
https://github.com/mrtijn/muuri-react

yarn add mrtijn/muuri-react#master

Seems to working fine, tests are succeeding.

Will try to create a PR here later.

[alexandrsek]

Created a quick fix:
https://github.com/mrtijn/muuri-react

yarn add mrtijn/muuri-react#master

Seems to working fine, tests are succeeding.

Will try to create a PR here later.

I tried your fork with quick fix, everything worked pretty well until I wanted to add more items or remove some of them. So basically when children array changes Muuri Component doesn't update as intended.

For example, I have an array with 9 items. I add another item to array. Now children array contains 10 components, but MuuriComponent has only 9 Muuri Items. The new child is rendered, but styles are not applied and its not registered in Muuri grid.

I found a workaround for this by updating MuuriComponent key prop so it forces re-render, but it looks really bad with all that flickering and layout jumping.

Any ideas how to fix this?

Anyway, thank you for your help!

[marcelchastain]

Opened a PR for this.
Ah @mrtijn just noticed you already found the same fix!
Oh well, glad it's working.

[mrtijn]

Cool, forgot to create a PR 😅 Hope this can be merged soon!

[joernroeder]

Hey, any progress on this issue. I patched my react 17 instance successfully via patch-package and the linked PR

[vingeraycn]

Hello everyone, unfortunately muuri-react has not been updated for several years and there has been no community action, the muuri-react example no longer works on the latest version of React, so I have rebuilt a library muuri for react that does not depend on any version of React or muuri, depending on the version of your project depending on the version of

If you want to run muuri in React 17 or React 18, you can try this library

Happy coding!

[Hussain-webonise]

i'm having this issue when i start dragging. Sometimes it will create duplicate items

"muuri": "^0.9.3",
"muuri-react": "^3.1.6",
"react": "^16.8",
"react-dom": "^16.8",

[Mohamed-Raid]

same issue