Cancel async API call from useEffect on unmount

Question

I've got the API call as soon as the page loads in a useEffect hook, can I somehow cancel the request if the component unmounts?

useEffect(() => {
    const callContract = async (): Promise<void> => {
      try {
        //  ... call API here
      } catch (err: any) {
        console.log(err);
      }
    };
    callContract();
  }, []);

Answer 1

The useEffect return value is the unmount function:

useEffect(() => {
  console.log("I got mounted");

  return () => {
    console.log("I got unmounted");
  };
}, []);