PanelResizeHandle doesn't trigger cursor change on hover after changing disabled state

[Sam-Apostel]

Right after changing the disabled prop of a PanelResizeHandle from true to false, the data-resize-handle-state doesn't update on hover.

Reproduce

1. render <PanelResizeHandle disabled={true} />
2. change disabled to false
3. hover over the PanelResizeHandle.

Expected

the cursor changes to a resize and the data-resize-handle-state attribute changes from inactive to hover

Actual

The cursor doesn't change and the data-resize-handle-state attribute is still inactive

NOTE: Clicking anywhere on the page fixes this. Resizing itself is not broken, just the hover state.

I am willing to look into this and PR if welcome

[bvaughn]

Hey @Sam-Apostel! Pull requests for things like this are always welcome. As are some kind of runnable repro case (Code Sandbox, or a GitHub project that I can checkout and run)

[CHE1RON]

Running in this also, when first loading your example page, you may reproduce like this:

1. visit page first time
2. go back to "Home"
3. select another example page (eg "nested groups")
4. hover over resize handles
5. no "resizable" action being indicated by cursor (= style not injected in head)
6. click somewhere on the page, hover resize handle = working as expected

Since this is my first time working with your great library, I'll see if I can look into this later! 😉