Как мне сделать чтобы каретка после удаления символа в инпуте не прыгала в самое начало?

У меня есть инпут, когда я меняю значение в нем, то каретка сразу скидывается в самое начало. Как мне сделать так, чтобы она осталась на том-же месте после удаления символа? Вот так это выгляди сейчас:

Сама функция которая отрабатывает на onChange:

  changeHandler = (e): void => {
    const { t } = this.props;
    const { value } = e.target;
    const { target } = e;
    let pos = target.selectionStart;
    const num = Number(value);
    const isValid = !isNaN(num);

    if (isValid) {
      // @ts-ignore
      this.setState({ [e.target.name]: value });
      target.selectionStart = pos;
      target.selectionEnd = pos;
    } else {
      this.setState(
        {
          messageTextLims: t("oneOffer.invalidCharacter"),
        },
        () => {
          setTimeout(() => {
            this.setState({ messageTextLims: "" });
          }, 1100);
        }
      );
      return;
    }
  };