useExportData custom name

[kgcusi]

How do I change data filename of the exported data? I can't seem to get around it. This is my export function, I want it to have a custom name since its default is either ''data" or "all-data"

function getExportFileBlob({ columns, data, fileType, fileName }) {
  if (fileType === 'xlsx') {
    // XLSX example
    const header = columns.map(c => c.exportValue);
    const compatibleData = data.map(row => {
      const obj = {};
      header.forEach((col, index) => {
        obj[col] = row[index];
      });
      return obj;
    });
    let wb = XLSX.utils.book_new();
    let ws1 = XLSX.utils.json_to_sheet(compatibleData, {
      header,
    });
    XLSX.utils.book_append_sheet(wb, ws1, 'React Table Data');
    XLSX.writeFile(wb, `${fileName}.xlsx`);
    // Returning false as downloading of file is already taken care of
    return false;
  }
}

I call this on my tableInstance and the button that I use to export is below

const tableInstance = useTable(
    { columns, data, getExportFileBlob },
    useFilters,
    useGlobalFilter,
    useSortBy,
    usePagination,
    useExportData
  );

<ButtonGroup>
          <Button
            color="white"
            colorScheme={'green'}
            bg={'green.800'}
            _hover={{ bg: 'green.600' }}
            onClick={() => {
              exportData('xlsx', true);
            }}
          >
            Export All as xlsx
          </Button>
          <Button
            color="white"
            colorScheme={'green'}
            bg={'green.800'}
            _hover={{ bg: 'green.600' }}
            onClick={() => {
              exportData('xlsx', false);
            }}
          >
            Export Current View as xlsx
          </Button>
        </ButtonGroup>
        ```