Tengo algunos problemas con un componente de pestaña en varias instancias dentro de la misma página. Me gustaría algún tipo de detección de recarga de página para poder borrar el historial. Esta es mi función de prefiltro y la función de clic en la pestaña cuando alguien recarga:

 const onTabClick = (tabId, tabHead) => { const state = !tabSelected; toggleTabSelected(tabId); history.push( `${location.pathname}?tab=${tabId}`, { shallow: true, } ); }; const preSelect = () => { if (values.tab) { let queryString = values.tab.toString(); let selectedTab = Number(queryString) - 1; const allTabs = props.tabs; toggleTabSelected(queryString); toggleMobSelected(queryString); } else { toggleTabSelected(firstTab); toggleMobSelected(firstTab); } }; useEffect(() => { preSelect(); }, [tabSelected, mobSelected]);

El problema con este código es que cuando recargo la página, el historial mantiene la url de la última pestaña que estaba abierta, mientras que me gustaría restablecerla. Gracias