Форма React отправляется дважды без e.preventDefault () и ноль раз с e.preventDefault ()

Question

под кодом приводит к 2 отправкам. Если я добавлю onSubmit = {e => {e.preventDefault ();}} в форму, отправка будет нулевой:

export default function SearchBar() {
  return (
    <div>
      <form
        action={BackEnd_ServerName + "/xyz"}
        method="GET"            
      >
        <input
          type="text"
          placeholder=""
          name="frontEnd_searchBox"
        />
      </form>
    </div>
  );
}

Answer 1

export default function SearchBar() {
  return (
    <div>
      <form>
        <input
          type="text"
          placeholder=""
          name="frontEnd_searchBox"
        />
      </form>
    </div>
  );
}

Попробуйте это