httpClient при ошибке обновляет URL в Angular

Question

Я пытаюсь использовать httpClient в Angular совершать вызовы API. Вот мой код, где я делаю вызов API.

Это мое httpPost метод в authService:

this.authService.httpPost("/api/Users/requestNew", payload).subscribe(
  (data) => {
    console.log(data);
    this.inputForm.reset();
  },
  (error) => {
    let errorMessage = "Ooooops. An error occured. Please refresh and try again.";

  }
);

auth.service.ts

constructor(
  private http: HttpClient, 
  private dataService: DataService
) {}

httpPost(url, payload) {
  return this.http.post(
    this.url_base + ":" + this.port + url,
    payload, {
      headers: new HttpHeaders({
        "Content-Type": "application/json",
        Authorization: localStorage.getItem("id_token")
      })
    }
  );
}

Теперь в полезной нагрузке я намеренно пропускаю поле, в результате чего сервер выдает ошибку. Это ошибка, которую я получаю с сервера:

http://192.168.0.15:3000/api/Users/requestNew 450 (unknown)

Ответ от сервера:

{"error":{"statusCode":"450","message":"Duration is not set.","code":"MISSING_FIELD"}}

Теперь проблема, с которой я сталкиваюсь, заключается в том, что моя страница обновляется автоматически. Это был мой оригинальный URL: http://localhost:4200/user/new, после вызова API, страница обновляется с этим новым URL http://localhost:4200/user/new?, Добавляется дополнительный знак вопроса, и я не уверен, почему страница обновляется. Это не должно быть обновлено, поскольку нигде в моей логике я не написал так.

редактировать

у меня есть formGroup

inputForm: FormGroup;
durationsControl: FormControl = new FormControl(null, [
  Validators.required
]);

ngOnInit(){
    this.inputForm = new FormGroup({
      duration: this.durationsControl,
      //more controls
    });
}

при изменении выпадающего меню я удаляю этот элемент управления:

valueCHanged(e) {
  const type = e.value;
  if (type === "One") {
    this.durationDiv.nativeElement.style.display = "none";
    this.inputForm.removeControl("duration");

  } else {
    this.durationDiv.nativeElement.style.display = "block";
    this.inputForm.addControl("duration", this.durationsControl);
  }
}

Если я не уберу контроль продолжительности (this.inputForm.removeControl("duration");)то отлично работает. Как это изменение приводит к обновлению страницы?

Edit1 я удалил duration контроль от ngOnInit():

ngOnInit(){
        this.inputForm = new FormGroup({
          // duration: this.durationsControl, ---> removed this
          //more controls
        });
    }

Теперь он работает нормально, и страница не обновляется. Но я до сих пор не могу понять причину.