Mapping useEffect with lifecycle hook methods in React

componentDidMount

 useEffect(() => {
  // will run on every render
});

 useEffect(() => {
// will run on first render
},[]);

componentDidUpdate

useEffect(() => {
  // will run on first render and when the dependency changes
}, [dependency]);

https://stackblitz.com/edit/react-p5g8wx?file=src/App.js