Estoy desarrollando una aplicación de una sola página usando React. Estoy usando react-router v6 para el enrutamiento.

actualmente estoy usando el gancho useLocation() para obtener el nombre de la ruta actual en la aplicación raíz. Así que supongamos que en la ruta '/A' se renderiza el componente 'A'. En el componente 'A', estoy navegando a '/A/:id'. Debido a que hay una actualización en la URL, ahora useLocation() llamó nuevamente. Y volver a renderizar de nuevo. por lo tanto, el proceso se repite de nuevo. ir al componente 'A' y navigate() llamado nuevamente.

Por lo tanto, está atascado en un bucle. ¿Alguien puede proporcionar alguna solución para ello?