React hook for downloading csv files (typescript)

csvDownload.ts

import { useCallback } from 'react';

export function useCsvDownload(
  data: Record<string, any>[],
  title = 'data.csv',
) {
  return useCallback(() => {
    const headerKeys = data
      .map((d) => Object.keys(d))
      .reduce((a, b) => {
        b.forEach((item) => a.add(item));
        return a;
      }, new Set<string>());
    const headers = Array.from(headerKeys).join(';');

    const rows = data
      .map((d) =>
        Object.values(d)
          .map((v) => `"${v}"`)
          .join(';'),
      )
      .join('\n');

    const csvContent = `data:text/csv;charset=utf-8,${headers}\n${rows}`;
    const uriData = encodeURI(csvContent);

    const link = document.createElement('a');
    link.href = uriData;
    link.download = title;

    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  }, [data, title]);
}