Estoy elevando el estado del componente A al principal e hice que el componente A se ejecutara como SSR: false usando dinámico ya que el componente no funciona en SSR pero el estado devuelve un valor duplicado en el principal. Lo verifiqué haciendo que se ejecutara en una aplicación de reacción. Su está funcionando perfectamente bien. Supongo que el problema es hacer que el componente A sea SSR:false , ¿cómo puedo corregir el problema? Como se muestra en la imagen, obtengo un estado duplicado cuando console.log(solutesateA) en el padre

 function ChildA({ setsolutestateA}) { return ( <div> <Jsme height="300px" width="400px" options="oldlook,star" onChange={setsolutestateA} /> </div> ); } const childB = ({{ setsolutestateB}}) => { return ( <div> <Jsme height="300px" width="400px" options="oldlook,star" onChange={setsolutestateB} /> </div> ); }; function App() { const [solutestateA, setsolutestateA] = useState(""); const [solutestateB, setsolutestateB] = useState(""); return ( <div className="App"> <ChildA {...{setsolutestateA}}/> <ChildB {...{setsolutestateB}}/> <div>{solutestateA}</div> <div>{solutestateB}</div> </div> ); }

 const Editor = dynamic(() => import("../../components/editor"), { ssr: false, });