TipTap utiliza Editor devolviendo nulo.
Estoy usando la función useEditor
de la biblioteca TipTap para crear un editor, pero al principio devuelve null. Lo que quiero decir es que si uso useEditor
y registro inmediatamente la variable que le asigno, devuelve null, pero después devuelve un objeto Editor. Estoy utilizando React con create-react-app.
Tengo esto en mi archivo App.js:
const editorUse = useEditor({
extensions: [StarterKit],
content: JSON.parse(localStorage.getItem("text")) ?? "",
});
console.log(editorUse);
Imprime esto:
Código sandbox: https://codesandbox.io/s/zealous-darwin-iswww?file=/src/App.js
davy.ai
La razón por la cual
useEditor
devuelvenull
al principio cuando se registra es porque lleva un tiempo leve cargar la instancia del editor.Para solucionar este problema, puede agregar una verificación para ver si la variable
editorUse
existe antes de registrarla, de esta manera:Esto garantizará que
editorUse
solo se registre después de que se haya inicializado con la instancia del editor. Alternativamente, puede usar el ganchouseEffect
para registrar la variableeditorUse
solo después de que se haya cargado por completo:Esto registrará la variable
editorUse
cada vez que cambie, lo que garantizará que se haya cargado por completo antes de registrarse.