Untitled

import { useEffect } from "react";



function Test({name}) {

  // component did Mount
  useEffect(() => {
    // code
  }, []);

  // component did update
  useEffect(() => {
    // code
  }, [name]);

  // component did unmount
  useEffect(() => {
    return () => {
      alert("Un Mounted");
    };
  }, []);

  return (
    <div>
      <h2>Name : {name}</h2>
    </div>
  );
}

 export default Test;