JS client download data on the fly

index.ts

export const downloadData = async (
  fileName: string,
  data: object | string
): Promise<void> => {
  const stringData = typeof data === 'string' ? data : JSON.stringify(data);
  try {
    const dataBlob = new Blob([stringData], { type: 'text/json' });
    const url = URL.createObjectURL(dataBlob);
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute('download', fileName);
    document.body.appendChild(link);
    link.click();
    link.parentNode?.removeChild(link);
  } catch (err) {
    console.error(err);
  }
};