Mocking onSubmit on react-final-form using react-testing-library

I have a form built using react-final-form, yup, and Material-ui. I am testing using Jest, and @testing-library/react.

TL;DR:

• Is there a way to mock and test only the onSubmit function while bypassing/ leveraging the validate functionality?
• Is there a better way to go about it?

The mocked onSubmit function was not called because I leveraged RFF's validate function. It seems the validate function is hanging during the submit process. Besides mocking the validate function, is there a best practice in building the validator function so the tests recognize that the mocked onSubmit has been called?

When I try to test whether the form has been submitted it seems to hang on the validate method.

fireEvent.submit(getByTestId('test-form')) // or
fireEvent.click(getByTestId('submit-button'))

The mocked onSubmit function is not recognized and seems to hang on the validate method.

const schema = yup.object().shape({
    code: yup
        .string()
        .trim()
        .required('Please provide a Code')
        .max(32, 'The Code is too long')
})

const validate = values =>
    schema
        .validate(values, { abortEarly: false })
        .then(valid => ({}))
        .catch(err => extractError(err))

<Form
  onSubmit={onSubmit}
  validate={validate}
  render={({ handleSubmit }) => (
    <form onSubmit={handleSubmit}>
      {...fields and submit button here}
    </form>
  )
/>