I am using react helmet async for changing my document title. The problem is, my home page is at route /home and on button link it will take the use about page. The about component is being rendered but the problem is my document title in browser is still the same.. When i reload the page, it shows About as document title but when coming from home component. So i found a solution using Hooks.

useEffect(() => {
     document.title = "About Page";  
   }, []);

But what i need to know is should i run the clean up function wherever i call this use effect Hook.