Предотвратить повторный рендеринг ReactJS при использовании setInterval()

Привет ребята ? Итак, я сейчас разрабатываю веб с помощью React, и мне нужно сделать секундомер, который будет воспроизводиться, когда я нажимаю кнопку, поэтому я использую метод setInterval(). Но когда я нажимаю кнопку и выполняется setInterval(), я получаю это предупреждение от библиотеки почему-вы-обновили, что означает избегать повторного рендеринга. Я уже использую PureComponent, но почему, когда setInterval() работает, какой-то компонент все еще перерисовывается? это заставляет парней отставать, и если я остановлю setInterval с помощью метода clearInterval(), компонент прекратит повторный рендеринг.

Код примерно такой:

startTimer() {
  // Test
  this.setState(
    prevState => ({
      ...prevState,
      isSessionStarted: true,
      duration: prevState.duration,
      startedAt: Date.now() - prevState.duration
    }),
    () => {
      this.timer = setInterval(
        () =>
          this.setState(prevState => ({
            duration: Date.now() - prevState.startedAt
          })),
        1000
      );
    }
  );
}

stopTimer() {
  this.setState({ isSessionFinished: true }, () => {
    clearInterval(this.timer);
  });
}

Любое решение? Спасибо раньше.