Ну смотри

Тут условия, что число должно быть больше 1 и одновременно меньше 4

1 не больше 1

На этом все

>= 1

Поставь так

небольшая оптимизация:

    normalize(value) {
        let str = value.toString();
        return str.length > 1 ? str : `0${str}`;
    }
  
    render() {
      const date = new Date();
      const hours = this.normalize(date.getHours());
      const mins = this.normalize(date.getMinutes());
      const secs = this.normalize(date.getSeconds());

      let output = this.template
        .replace('h', hours)
        .replace('m', mins)
        .replace('s', secs);
  
      console.log(output);
    }

жесть. пора спать. спасибо

давай попробуем запустить в каком-нибудь онлайн ресурсе

все отлично работает:
https://codesandbox.io/s/frosty-butterfly-65dss?file=/src/index.js

так на выводе в любом случае примитив был

строка

у меня не реагирует на clock.start(); Никак

нет, было число если значение >= 10

а, да. но Консоль лог можт вывести и сам объект

консоль лог да, но replace - лучше явно использовать то, что ожидаешь. (переходи на TypeScript 😉😁)
оптимизация нужна для улучшения читаемости кода (и избежания повторов)
в целом - все хорошо, твой код рабочий, скорее всего надо смотреть где и как его запускаешь

что такое TypeScript ?

грубо говоря - JS только с явной типизацией

это не мой код. я в своем строку передаю без деструктуризации

Подскажите, нужно пройтись по элементам в массиве и заменить вторую букву в каждом элементе на определенную цифру, как лучше сделать?