Error when attempting to download static file

[randyDarsh]

I'm thought I solved my issue using FileSaver, and it was working, but now I'm back to getting the same error.

I have two template files, both of which are .xlsx file types. They are static, and are in the public directory of my react application.

I have a function that is called from clicking a Link component.

The method is as follows:

const downloadTemplate = () => {
    try { 
        var isFileSavedSupported = !!newBlob;
   } catch (e) {
        enqueueSnackbar('Unsupported brower. Downloading is not permitted', {variant: 'error'});
        return;
   }
   if(!settings.bulkUpload) {
        FileSaver.saveAs(process.env.PUBLIC_URL + "/scoping-sheet/ScopingSheet.xlsx", "ScopingSheetTemplate.xlsx", {autoBom: true});
    else {
        FileSaver.saveAs(process.env.PUBLIC_URL + "/scoping-sheet/Bulk-scoping-sheet.xlsx", "BulkScopingSheetTemplate.xlsx", {autoBom: true});
    }}

When attempting to download either of the files using Edge (version 117.0.2045.60) and in Chrome (version 117.0.5938.150), on the download tab of each browser, I receive "Couldn't download - Network Issue" and "Failed - Network Error" respectively.

Any ideas would be appreciated.