Функция clearInterval () не очищает интервал в React

Если вы используете функциональные компоненты, вы можете использовать:

function MyComponent() {
  const [intervalId, setIntervalId] = useState();

  useEffect(() => {
    let id = setInterval(() => {
      //Code to do
    }, 10000);
    setIntervalId(id);

    return () => {
      clearInterval(intervalId);
    };
  });

  return <div>UI Here</div>;
}

Если вы используете класс как компонент:

class MyComponent {
    intervalId;

  componentDidMount() {
    this.intervalId = setInterval(() => {
        //Code to do here or call another function
    }, 10000);
  }

  componentWillUnmount() {
      clearInterval(this.intervalId);
  }
}

Лучше всего принять во внимание заранее, что вам нужно сохранить идентификатор для очистки тайм-аута. Если вы потеряли правильный идентификатор, функция очистки не будет работать правильно.