useFavicon.ts

import * as React from 'react';

export default function useFavicon(faviconUrl: string) {
  React.useEffect(() => {
    let link = document.querySelector(`link[rel~="icon"]`);

    if (!link) {
      link = document.createElement('link');

      link.type = 'image/x-icon';
      link.rel = 'icon';
      link.href = faviconUrl;

      document.head.appendChild(link);
    } else {
      link.href = faviconUrl;
    }
  }, [faviconUrl]);
}

Stackblitz link: https://stackblitz.com/edit/vitejs-vite-r1x4sd?file=src%2FuseFavicon.ts