Hola es mi primera vez aquí. Pero de hecho tengo dos días intentando resolver este problema.
Soy nuevo en el desarrollo de react/gatsby, compre una plantilla html que contiene archivos css/js, encontré la forma de importar los archivos css y también los archivos js en el gatsby-ssr.js, pero cuando uso el comando Gatsby Develop el sitio da el siguiente error en la consola, deteniendola ejecución de los archivos js de la plantilla:
react-dom.development.js:67 Warning: Expected server HTML to contain a matching <p> in <div>.
at p
at div
at div
at div
at div
at div
at div
at section
at div
at StaticQueryDataRenderer
Pero cuando uso el comando Gatsby serve, como si fuera en producción, el error se va y los archivos js de la plantilla funcionan perfectamente. Ya intente utilizar "useEffect" para controlar los objetos DOM como lo hacen los archivos js de la plantilla, pero los archivos usan Jquery para ejecutar otras librerías que también se cargan en el gatsby-ssr.js. También intente modificar el funcionamiento con el archivo por defecto html.js pero sin solución.
Pienso que es problema de los tiempos de ejecución, los archivos js de la plantilla necesitan ser cargados al final de la página html, es por eso que en la plantilla funciona bien, pero en los componentes de react al importar los archivos js de la plantilla, no funciona.
Todo lo que quiero es evitar ese error en la consola y hacer que los archivos js de la plantilla funcionen bien mientras estoy en el modo de desarrollo. Me estoy volviendo loco jeje.
Gracias por todo.