Обязательные поля ввода становятся красными после очистки при отправке.Reactjs

Question

У меня есть форма, которая вызывает избыточное действие, а затем очищает поля ввода, если сообщение было успешным.Кажется, проблема заключается в том, что после успешного удаления полей ввода поля ввода становятся красными.

функция избыточного действия

postActionFunction = (data, clearDataFunction) => (dispatch) => {
  axios
    .post(`/endpoint`, data)
    .then(() => {
      console.log('success');
    })
    .then(() => {
      clearDataFunction();
    })
    .catch((err) => {
      console.log('error');
    });
};

функция отправки формы

 onSubmit(e) {
    e.preventDefault();
    const { inputData } = this.state;
  // below function is the redux action
    this.props.postCategories(inputData, this.clearDataFunction);
  }

 clearDataFunction() {
    this.setState({ inputData: '' });
  }

Редактировать: Это похоже напроизойдет только с редакцией Firefox