Dynamic static changes on children do not change children rendering

[Kogoro]

Describe the bug

I tried to dynamically set static, draggable and resizable attributes to grid items but RGL does not react to the changes.
Also forcing an update over a reference via forceUpdate() or render() do not process the children again.
I think the responsible change detection for layouting is not aware of the attributes, because after disabling draggable and resizable for RGL and enabling it again, the component will be rendered correctly.
This happens for me with the data-grip and layout mechanism.

Your Example Website or App

https://github.com/Kogoro/bug-rgl

Steps to Reproduce the Bug or Issue

1. Click Lock -> Widget is still shown as false
2. Toggle Edit -> Widget shows the correct value
3. Try clicking lock again -> Widget is moving around and nothing changes

Expected behavior

As a user, I expected a rerender of at least the updated child component so that dragging and resizing will be toggled.

react-grid-layout library version

1.4.4

Operating System Version

Windows

Browser

Firefox

Additional context

Nextjs 14.1

The problem is similar to #1936 but concentrate on individual GridItems and not global on RGL level.

Screenshots or Videos

No response

[BeardedBoy]

In your code, try putting const DecoratedReactGridLayout = WidthProvider(ReactGridLayout) inside the component to make it re-render, which may work, but this is not a good solution.

[Kogoro]

Thanks for the suggestion. I tried to put it inside the Home Function, but sadly it does not change any behavior of the grid. The changes don't appear until an edit mode change.