reset tabActive after an async action dispatched

[MattyChance]

Hi I am still learning react and redux so sincere apologies in advance if it's something obvious I could not figure out.

I am using simpletabs to render few different components. One of these components could take users to forms where users can submit information. My question is how I can reset tabActive after the form action dispatched successfully instead that it's always the first tab that's open? Thank you.

inside AdminPanelContainer, there are the tabs ... <Route path="/admin/:username" component={AdminPanelContainer} /> this is the route where users will be taken to inside of the children component rendered under AdminPanelContainer ... <Route path="/admin/:username/trailsections/:trailsectionId component={TrailsectionFormContainer} /> ...

inside AdminPanelContainer: TrailsectionArea will render TrailsectionFormContainer <Tabs.Panel title={"Trailsection"}> <TrailsectionArea sitePath={location.pathname}/> </Tabs.Panel>