Active Tab is being automatically set to None while switching between pages in a multi page dash app with multiple tabs in each page

I am using Dash Bootstrap components to define tabs within a page by setting active_tab argument to the tab I want to be active when the page opens but whenever I switch between pages no active tab is loaded unless I manually click on a particular tab. I want the active tab I have set to be loaded when I switch between pages.

Can anyone please guide me to resolve this?