Tengo una página externa con enlaces que apuntan a mi aplicación de reacción principal usando etiquetas de anclaje. (por ejemplo: la página externa tiene un enlace a la aplicación/#plataforma).

He estado tratando de encontrar una manera de hacer que la página se desplace a este ancla, pero no he tenido suerte. Creo que el problema es que los anclajes no existen hasta que la página se muestra.

Al hacer clic en los enlaces de la aplicación React a las etiquetas de anclaje, todo funciona bien. El problema está en navegar desde fuera de la aplicación React.

Estoy usando React V18 y React Router V6.

Mi mejor intento actual es agregar un useEffect que captura el hash e intenta desplazarse. Pero tampoco funciona.

 useEffect(() => { const element = document.getElementById(location.hash); setTimeout(() => { window.scrollTo({ behavior: element ? "smooth" : "auto", top: element ? element.offsetTop : 0 }); }, 100); }, [location]);