React hook to trigger a download of a Blob/File or MediaSource

use-download.ts

import { useCallback } from 'react';

export function useDownload() {
  return useCallback((obj: Blob | MediaSource, filename: string) => {
    const url = URL.createObjectURL(obj);

    const link = document.createElement('a');
    link.href = url;

    if (filename) {
      link.download = filename;
    }

    link.click();

    URL.revokeObjectURL(url);
  }, []);
}