Confirmation modal on tab change

[Joshi-Kajal]

Hey team, we have one use case where we want to have confirmation before tab change about discarding any unsaved user changes.

Flow we expect:

• click on tab
• If there is unsaved changes, ask for confirmation to leave tab
• If user click on confirm, move to next selected tab
• If user click on cancel, stay on same tab

useTabState does not give much flexibility to listen and prevent tab change.

Please guide me here how to achieve this behaviour.

[TheSisb]

Hi @Joshi-Kajal, apologies for the slow response time. I'll be looking into this and getting back to you shortly.

[TheSisb]

Hi @Joshi-Kajal,

I've managed to find a working solution by overwriting the select function generated by the useTabState hook. Let me know if you have any other questions or concerns with this approach.