react-bare-component-with-unmount.js

import React, {useEffect} from "react";

const ComponentWithRequest = props => {

    useEffect(() => {
    
        props.toggleMounted();
        
    }, [props]);

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

export default ComponentWithRequest;