postMessage: Cannot read properties of null (reading 'postMessage')

[Sinkler521]

Hello. Have a problem in both my ketcher instances (defferent output data types, different components) trying to create a molecule. Initializing, going well, seems like, I create ketcher instance, add event listener using ketcherInstance.editor.subscribe and try to draw. This error appears in a console and no state changing in parent component because function updateMolecule crashes:
Cannot read properties of null (reading 'postMessage').

Full one:
_VM54076 KetcherEditor.tsx:71 Error updating molecule: Error: Convert error!
Cannot read properties of null (reading 'postMessage')
at ServerFormatter._callee$ (index.modern.js:20322:21)
at tryCatch (regeneratorRuntime.js:45:16)
at Generator.eval (regeneratorRuntime.js:133:17)
at Generator.eval [as throw] (regeneratorRuntime.js:74:21)
at asyncGeneratorStep (asyncToGenerator.js:7:24)
at throw (asyncToGenerator.js:29:9)

Here is my ketcher component example:

 useEffect(() => {
        (window as any).Miew = Miew;
    }, []);

    const handleOnInit = async (ketcher: Ketcher) => {
        ketcherRef.current = ketcher;
        (window as any).ketcher = ketcher;

        try {
            ketcher.editor.struct(undefined);
            await loadMolecule(ketcher);
            ketcher.editor.subscribe('change', async () => await updateMolecule(ketcher));
            window.parent.postMessage({
                eventType: 'init',
            }, '*');
        } catch (error) {
            console.log(error)
        }
    };

    const loadMolecule = async (ketcherInstance: Ketcher) => {
        try {
            await ketcherInstance.setMolecule(props.cdxData);
        } catch (error) {
            console.log(error)
        }
    };

    const updateMolecule = async (ketcherInstance: Ketcher) => {
        try {
            const exportCDXdata = await ketcherInstance.getCDX();

           // AFTER THIS LINE IT CRASHES ^^^ no matter which molecule data I want to get, even getSmiles crashes

            props.setCurrentOptions({
                ...props.currentOptions,
                cdx: exportCDXdata,
            });

        } catch (error) {
           console.log(error);
        }
    };

    return (
        <div className="ketcher-container shadow rounded">
            <Editor
                staticResourcesUrl={""}
                structServiceProvider={structServiceProvider}
                errorHandler={(message: string) => {
                    setErrorMessage(message);
                }}
                onInit={handleOnInit}
            />
        </div>
    );

Please let me know if you faced similar cases and know the solution