Estoy trabajando en un proyecto Next.js que requiere el uso de cytoscapejs. Hasta ahora he intentado escribir document.getElementById('cy') y $('#cy') pero ninguno de esos funciona.
import Head from "next/head" import cytoscape from 'cytoscape'; var cy = cytoscape({ //container: !!??!! elements: [], style: [], layout: {} }); export default function Grafo1() { return ( <div> <Head> <title>Graph 1.</title> </Head> <div id="cy"> //graph here </div> </div> ) }Probé una biblioteca de reacción llamada react-cytoscape pero muestra un error "la ventana no está definida" cuando actualizo la página porque nextjs funciona con ssr y el componente del gráfico se desmorona cuando se actualiza. También probé el módulo dinámico que desactiva ssr pero aún no funciona.
Diseñaría esto en otro lugar. ¿Algunas ideas?