Weird glitch when trying to resize multiple components at once

[skydiving94]

Thanks for opening an issue!

Please select the type of issue you're reporting. For questions.

• Bug
• Feature Request
• Question

Problem Report

Please describe the problem here.

I am trying to implement a layout with 10 resizable components, where each component should have the same size. When I resize one of the components, all other components' sizes should be updated as well. However, I noticed that this only works when I resize the first component. For all other components, when I try to resize one, the interface starts to glitch, and the resize does not work correctly.

You can find a sample of my code here.

https://codesandbox.io/embed/jolly-meadow-x8t5f?fontsize=14&hidenavigation=1&theme=dark

System Info

Node Version: 10.16.0
Browser: Safari
OS: macOS Monterey

Reproduction

If this is a bug report, please provide a reproduction of the issue by going to
https://codesandbox.io/s/9229wz40yo?fontsize=14.
Paste a link here to your working reproduction.