react-unmount-component.js

import React, { useState } from "react";
import ComponentWithRequest from "./components/ComponentWithRequest";

const App = () => {
  const [mounted, setMounted] = useState(true);

  return (
    <div className="App">
      {mounted && (
        <ComponentWithRequest
          toggleMounted={() => {
            setMounted(!mounted);
          }}
        />
      )}
    </div>
  );
};

export default App;