How to clear a timer written through a promise when switching to another component in React?

Question

JavaScript

const timer = new Promise(resolve => setTimeout(resolve, 5000));

Answer 1

class Hello extends React.Component {
  componentWillUnmount() {
    if (this.timer) {
      clearTimeout(this.timer);
    }
  }

  someMethod() {
    return new Promise((resolve) => {
      this.timer = setTimeout(resolve, 5000);
    });
  }
}

Answer 2

In componentWillUnmount lifecycle method use AbortController