Finish feature/118

src/hooks/js/useTitle.js

@@ -1,13 +1,12 @@
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 
 export const useTitle = () => {
   const [title, setTitle] = useState(document.title);
 
-  useEffect(() => {
-    document.title = title;
-  }, [title]);
-
-  const changeTitle = (newTitle) => setTitle(newTitle);
+  const changeTitle = (newTitle) => {
+    document.title = newTitle;
+    setTitle(newTitle);
+  }
 
   return { title, changeTitle };
 };

src/hooks/ts/useTitle.ts

@@ -1,18 +1,12 @@
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 
-interface UseTitleOutput {
-  title: string;
-  changeTitle: (newTitle: string) => void;
-}
-
-export const useTitle = (): UseTitleOutput => {
+export const useTitle = () => {
   const [title, setTitle] = useState<string>(document.title);
 
-  useEffect(() => {
-    document.title = title;
-  }, [title]);
-
-  const changeTitle = (newTitle: string) => setTitle(newTitle);
+  const changeTitle = (newTitle: string) => {
+    document.title = newTitle;
+    setTitle(newTitle);
+  }
 
   return { title, changeTitle };
 };