【React】ボタンをクリックした際に親のform要素を取得する方法

以下のようにev.currentTarget.formとすると親のform要素を取得できます。

export function App() {
  const handleClick = (ev) => {
    console.log(ev.currentTarget.form);  // <form ></form>
    ev.currentTarget.form?.requestSubmit();
  };

  return (
    <form>
      <input type='email' name='email' />
      <button type='button' onClick={handleClick}>
        送信
      </button>
    </form>
  );
}