Submit programmatically

Is it possible to trigger EmailEditorProvider.onSubmit programmatically (e.g. in a custom hook) given this modified layout from the example?

<EmailEditorProvider
  autoComplete
  data={template}
  ...
  onSubmit={saveTemplate}
>
  {() => <EmailEditor height={"100vh"} />}
</EmailEditorProvider>

[m-Ryan]

You can not call useForm out of context provider.

export function Editor(): JSX.Element {
  const [template, mergeTags] = useTemplateData();
  const [buttonRef, saveTemplate] = useTemplateSaving();


  if (!template) {
    return null;
  }

  return (
    <EmailEditorProvider
      autoComplete
      data={template}
      mergeTags={mergeTags}
      onSubmit={saveTemplate}
    >
      {(_, { submit }) => (
        <>
          <EmailEditor height={"100vh"} />
          <button ref={buttonRef} hidden onClick={submit}></button>
          <OtherComponent />
        </>
      )}
    </EmailEditorProvider>
  );
}

function OtherComponent() {
  const { submit } = useForm(); 
}

[m-Ryan]

EmailEditorProvider.onSubmit === react-final-form.onSubmit;

try this

 import { useForm } from 'react-final-form';
 
 const {  submit } = useForm();