useLocation somehow breaks this component

Hello, and thank you for this component. I am using this component inside a Tabpane (provided by Antd) and so far it works fine, but somehow, adding React-router-dom’s useLocation hook throws an error when switching tabs.

• On enabling the tab containing the Splitter and useLocation the component displays fine
• Switching to any other tab however throws Cannot create pairs - parent has undefined or zero size: undefined. error

Simply remove useLocation from the component and it starts working perfectly again. I honestly haven’t the faintest idea why it behaves that way, I’ve been at it all morning and I’m all out of ideas atm. Any pointers would be most helpful.

Thank you.

[mlejva]

I think the problem is that the parent’s size isn’t correctly calculated. I’m not exactly sure why it happens with useLocation though. I can say more once I see an example.

[Unforgiven-wanda]

The project I’m on currently is ridiculously bloated. But I’ll try to share a simplified example. Thank you.