How to trigger save call back url, when save button is rendered in outside iframe

[PrakashT1296]

I have the following code snippet:

const handleSave = useCallback(async () => {
  try {
    if (onlyOfficeEditorRef.current) {
      onlyOfficeEditorRef.current.processSaveResult(true);
    }
  } catch (error) {
    console.error('[ERROR] Save failed:', error);
    dispatch(
      setToast({
        open: true,
        severity: 'error',
        message: 'Save failed',
      }),
    );
  }
}, [dispatch]);

The function processSaveResult(true) triggers the save callback API URL.

However, I am encountering a status 4 error.

Additionally, the UI shows this warning:

And in the console, I get this error:

app.js:8 Uncaught TypeError: this.api.asc_OnSaveEnd is not a function
    at n.onProcessSaveResult (app.js:8:1705967)
    at Zt (app.js:8:94698)
    at Object.<anonymous> (app.js:8:95126)
    at Object.<anonymous> (app.js:8:88183)
    at Object.<anonymous> (app.js:8:143936)
    at Object.dispatch (app.js:8:39843)
    at f.handle (app.js:8:37834)
    at Object.trigger (app.js:8:69896)
    at Object.<anonymous> (app.js:8:70494)
    at _.each (app.js:8:3081)

Could you please help me understand why this error occurs and how to fix it?

[trofim24]

processSaveResult is an internal method.
We have only downloadAs method. In future versions we're adding a method to forceSave
Thanks for your attention