onSubmit callback does not get invoked - React Native

  export const ExerciseForm = () => {
  const form = useForm({
    onSubmit: async ({ value }) => {
      console.log("onSubmit invoked")
      console.log(value)
    },
    validators: {
      onChange: schema.insertExercisesSchema
    },
  })

  return (
    <View className='p-2'>
      <DialogHeader>
        <DialogTitle
          style={{ fontFamily: "ContrailOne_400Regular" }}
        >New exercise</DialogTitle>
        <DialogDescription
          style={{ fontFamily: "ContrailOne_400Regular" }}
        >
          Create a new exercise to add to your workout.
        </DialogDescription>
      </DialogHeader>
      <View className='py-3 flex flex-col gap-2'>
        <form.Field
          name="name"
        >
          {field => (
            <>
              <Label style={{ fontFamily: "ContrailOne_400Regular" }} nativeID={field.name}>Name:</Label>
              <Input
                value={field.state.value as string}
                onChangeText={field.handleChange}
                placeholder='Pushups' />
              {
                field.state.meta.errors
                  ? <Text className='text-red-500'>{field.state.meta.errors[0]?.message}</Text>
                  : null
              }
            </>
          )
          }
        </form.Field>
      </View>
      <Button
        onPress={() => {
          console.log("SUBMITTING FORM")
          form.handleSubmit()
        }}
      >
        <Text>Save</Text>
      </Button>
    </View>
  );
}