Cancel fetch when React component will unmount

abort.js

/**
 * Component test
 */
class MyComponent extends React.Component {
   
  async fetchData(){
    try{
      const res = await fetch(
        '<endpoint>', {
          method: 'get',
          signal: this.abortController.signal
        }
      );
      // TO-DO
    }catch(err){ /** TO-DO */ }
  }
  
  componentDidMount(){
    this.abortController = new window.AbortController();
    this.fetchData();
  }
    
  componentWillUnmount(){
    this.abortController.abort();
  }
  
  render(){
    return (
      <div>Whatever</div>
    ) 
  }
}