Should I preventDefault with Next.js server actions?

const [state, action] = useActionState(logExample, initialFormState);

  const form = useForm({
    ...formOpts,
    transform: useTransform((baseForm) => mergeForm(baseForm, state!), [state]),
    validators: {
      onChange: ({ value }) =>
        value.text.trim().length === 0 && { fields: { text: 'Required' } },
    },
  });

<form
  action={action}
      onSubmit={(e) => {
        // e.preventDefault();
        form.handleSubmit();
      }}
>
...
</form>