form with preventDefault to default

Form.tsx

import React, { useCallback } from 'react'
export interface FormProps
  extends React.DetailedHTMLProps<
    React.FormHTMLAttributes<HTMLFormElement>,
    HTMLFormElement
  > {}

export const Form: React.FC<FormProps> = ({ onSubmit, ...rest }) => {
  const handleSubmit = useCallback(
    (e: React.FormEvent<HTMLFormElement>) => {
      e.preventDefault()
      onSubmit(e)
    },
    [onSubmit]
  )
  return <form {...rest} onSubmit={handleSubmit} />
}