'SaveData is not output and instanceRef null

I have a problem with react-editor-js library. I'm trying to get data from it, but it doesn't output and when I check instanceRef it's null. Here is the code.

const Create = () => {
    const instanceRef = React.useRef(null);
    let data = { '1': 'test' }

    async function handleSave() {
        const savedData = await instanceRef.current.save()
        console.log(savedData)
    }
    return (
        <div>
            <Header Name='Создание'/>
            <Menu/>
            <div className="editor">
                <ReactEditorJS
                    instanceRef={(instance) => (instanceRef.current = instance)}
                    tools={EDITOR_JS_TOOLS}
                    data={data}
                    onChange={() => handleSave}
                />
            </div>
        </div>
    );
};

If I use

onChage={() => handleSave}

I get this error.

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'save')

Thanks for your help!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source