feat(useTitle): reworked hook to make it synchronous without useUpdate;

src/__tests__/useTitle.test.tsx

@@ -6,9 +6,9 @@ describe('useTitle', () => {
     expect(useTitle).toBeDefined();
   });
 
-  const hook = renderHook(props => useTitle(props), { initialProps: 'My page title' });
-
   it('should update document title', () => {
+    const hook = renderHook(props => useTitle(props), { initialProps: 'My page title' });
+
     expect(document.title).toBe('My page title');
     hook.rerender('My other page title');
     expect(document.title).toBe('My other page title');

src/useTitle.ts

@@ -1,9 +1,11 @@
-import { useEffect } from 'react';
+import { useRef } from 'react';
 
 const useTitle = (title: string) => {
-  useEffect(() => {
-    document.title = title;
-  }, [title]);
+  const t = useRef<string>();
+
+  if (t.current !== title) {
+    document.title = t.current = title;
+  }
 };
 
 export default useTitle;