DraggableResizer collapse doesn't work

[appletreeisyellow]

Describe the bug

The DraggableResizer doesn't seem to collapse correctly when there are odd number of panels

To Reproduce Steps to reproduce the behavior:

1. Go to DraggableResizer.stories.tsx the example with 4 Panels
2. Remove the forth panel and update default positions to be [0.25, 0.8]
3. Remove isCollapsible={true} for the second panel and add it to the third panel
4. Run story locally npm run storybook

Expected behavior The third panel should collpse

Screenshots

https://user-images.githubusercontent.com/14298407/190728718-f33558d5-3603-4597-898c-62734f8d86c0.mov

Browser

• OS: Mac OS
• Browser: Chrome
• Version: 105