Editor state getting reverted using header and console logs "Block «header» skipped because saved data is invalid".

[HarkiratShopism1]

Describe a bug. I am using editorJs in my react application as a form component and when trying to add a Paragraph or Header I am getting following error in the console "Block «header» skipped because saved data is invalid" for header and "Block «paragraph» skipped because saved data is invalid" for Paragraph also the editor state gets reverted back to blocks -> 0 and I am not able to get the header or paragraph on the next line. Following is the sample react code attached how I have initialized editorJs in my application.

/////////////////////////////////////////////////////////////////////////////
import React, { useEffect, useRef } from 'react';
import EditorJS from '@editorjs/editorjs';
import Header from '@editorjs/header';
import List from '@editorjs/list';
import Paragraph from '@editorjs/paragraph';

const Editor = ({ data, onChange }) => {
const ejInstance = useRef(null);
const editorContainer = useRef(null);

useEffect(() => {
    if (!ejInstance.current) {
        ejInstance.current = new EditorJS({
            holder: editorContainer.current,
            tools: {
                header: Header,
                list: List,
                paragraph: {
                    class: Paragraph,
                    inlineToolbar: true,
                },
            },
            data: data,
            onChange: async () => {
                const content = await ejInstance.current.save();
                onChange(content);
            },
        });
    }

    return () => {
        if (ejInstance.current && typeof ejInstance.current.destroy === 'function') {
            ejInstance.current.destroy();
            ejInstance.current = null;
        }
    };
}, [data, onChange]);

return <div ref={editorContainer}></div>;

};

export default Editor;
/////////////////////////////////////////////////////////////////////////////

Screenshots:

Device, Browser, OS: Windows, Google Chrome

Editor.js version: 2.29.1

Plugins you use with their versions: header 2.8.1, paragraph 2.11.6

[neSpecc]

Do you mean that empty headers and paragraph are skipped?

[HarkiratShopism1]

Yes exactly.