axios-without-cancel.js

import React, {useState, useEffect} from "react";
import axios from "axios";

const ComponentWithRequest = props => {

    const [apiData, setApiData] = useState(null);

    useEffect(() => {

        axios.get("https://jsonplaceholder.typicode.com/todos").then(response => {
            setApiData(response.data);
        });

        props.toggleMounted();
      
    }, [props]);

    return (
        <div className="box">
            <p>I will immediately get unmounted.</p>
        </div>
    );
};

export default ComponentWithRequest;