React resizable doesn't work with react-draggable anymore

[mmesar]

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

• Bug
• Feature Request
• Question

With new version (v2.0.0) nesting react-resizable within react-draggable is not working.

System Info

Node Version: v12.18.2
Browser: Chrome
OS: Windows 10

project created with react scripts / create react app
using:
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-draggable": "^4.4.3",
"react-resizable": "^2.0.0",
"react-scripts": "3.4.3"

Reproduction

https://codesandbox.io/s/red-fog-umlic?file=/src/App.js - this one doesnt work
https://codesandbox.io/s/condescending-feynman-t75eq?file=/src/App.js - this one works but has react resizable v1.10.1

[MadSummer]

use ResizableBox instead of Resizable and works fine

[mmesar]

I didn't try. I believe you. I don't think it is the right solution, and I didn't see anywhere in documentation explicit statement that we should replace Resizable with ResizableBox when updating from an old version to new.

[STRML]

This is why the deprecation message exists on 2.0.0 - we removed props passthrough and this turned out to break too many apps. This is outlined in detail in the CHANGELOG.

We continue to develop the 1.x branch for now and 2.x is dead.

[lili21]

https://codesandbox.io/s/admiring-hopper-wji3n?file=/src/App.js

It doesn't work as expected. If the resize direction is one of n, nw, ne, w, sw, nw