Tengo un problema genérico por el cual cada vez que agrego React Router en uno de mis proyectos React, rompe la capacidad de renderizar de otras bibliotecas, generalmente paquetes de NPM como Apex Charts y JQuery's JVectorMap.
Si actualizo la página, las bibliotecas mencionadas anteriormente funcionan, sin embargo, cuando hacemos una navegación SPA (en realidad, no actualizamos ni cambiamos la página, solo cambiamos alguna vista activa) no puede representar estos componentes.
Cuantas más bibliotecas uso para mis componentes, más parecen rotas, por lo que me lleva a creer que este es un problema con React Router. ¿Hay alguna manera de forzar una especie de actualización en la carga de la página con React Router para resolver este problema?
Se me ocurrieron algunas soluciones engañosas, como activar eventos en el montaje de componentes que obligan a actualizar o cambiar el tamaño de la página, pero no parece que sea la forma correcta de manejar este problema. Por favor avise.
SOLUCIONADO: solo use contenedores de reacción para las bibliotecas que los tienen. En mi caso, tanto Apex Charts como Jvectormap tienen contenedores sólidos escritos para React en npm. Ahora, cuando los uso, puedo manejar la recarga en la navegación sin problemas :)
Sospecho que, de hecho, esto fue un problema con React (quizás el modo estricto v18) y no con React Router, aunque no puedo decirlo con seguridad.