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.

[HarkiratShopism1]

Do you mean that empty headers and paragraph are skipped?

Hi @neSpecc do you have any solution or fix for this issue?

[neSpecc]

Try using header 2.8.7

[HarkiratShopism1]

I have tried multiple things but issue not getting resolved Removed React strict mode Installed 2.8.7 headers

Nothing worked Can anyone help me with this