useisMountedRefUsage.jsx

useisMountedRefUsage.jsx

function App() {
  const isMountedRefApproach = useIsMountedRef();

  React.useEffect(() => {
    if (isMountedRefApproach.current) {
      console.log("I am mounted");
    }
  }, [isMountedRefApproach.current]);

  React.useEffect(() => {
    console.log("parent");
  }, []);

  console.log("isMountedRefApproach.current", isMountedRefApproach.current);

  return (
    <div>
      <Child />
    </div>
  );
}