Estoy actualizando de React router v5 a v6. Configuré algo de lógica en NavAwayModal.tsx para mostrar un modal si el usuario intenta salir con cambios en la página. Cuando el usuario presiona 'salir', navega toma la ubicación. nombre de la ruta y navega allí. location.pathname = /config2/cofiguración

El problema es que location.pathname incluye el nombre base. Cuando presiono 'dejar', la URL se ve así "localhost: 3000/config2/config2/configuration". ¿Alguna forma de solucionar este problema? debería navegar a "localhost:3000/config2/configuration"... De alguna manera necesito excluir el nombre base cuando navego.

Raíz.tsx

 <BrowserRouter basename="/config2"> <IntlProvider messages={ LanguageOptions.find((option) => { return option.locale === appState.locale; })?.fileName } locale={appState.locale} defaultLocale="en" > <GMThemeProvider>{children}</GMThemeProvider> </IntlProvider> </BrowserRouter>

NavAwayModal.tsx

 useEffect(() => { if (confirmedNavigation && lastLocation) { navigate(lastLocation.location.pathname); } // eslint-disable-next-line react-hooks/exhaustive-deps }, [confirmedNavigation, lastLocation]);