I have a panel that opens like a modal from right to left. Inside the panel I have a left navigation with different options that when clicking render different components.

These components are forms and I wanna prompt the user if he navigates away from a component while having unsaved changes.

I cannot use react routes since I have no routes for these, theyre just components.

Is there a way so that I cant prevent the user from navigating away or from unmounting the component and display that popup?