Без base64, загрузка на комп

1) ⚡Загрузка на тестовом сервере. Может принимать лишь один запрос

import React, { ChangeEvent, useState } from 'react';
import { IconButton } from '@mui/material';
import CloudUploadIcon from '@mui/icons-material/CloudUpload';
import defaultAva from '../assets/defaultAva.png'
import axios from 'axios';

export const InputTypeFile = () => {

    const [ava, setAva] = useState(defaultAva)
    const [isAvaBroken, setIsAvaBroken] = useState(false)

    const uploadHandler = (e: ChangeEvent<HTMLInputElement>) => {
        if (e.target.files && e.target.files.length) {
            const file = e.target.files[0]
            if (file.size < 4000000) {
                postAvatar(file)
            } else {
                alert('Файл слишком большого размера')
            }
        }
    }

    const postAvatar = (file: File) => {
        const formData = new FormData();
        formData.append('myFile', file);
        axios.post('https://neko-back.herokuapp.com/file', formData)
            .then((res) => {
                console.log('response: ', res.data)
            })
    }

    const errorHandler = () => {
        setIsAvaBroken(true)
        alert('Кривая картинка')
    }

    return (
        <div>
            <img
                src={isAvaBroken ? defaultAva : ava}
                style={{width: '100px'}}
                onError={errorHandler}
                alt="ava"
            />
            <label>
                <input type="file"
                       onChange={uploadHandler}
                       style={{display: 'none'}}
                />
                <IconButton component="span">
                    <CloudUploadIcon/>
                </IconButton>
            </label>
        </div>
    )
}
    

2) ⚡Получение данных

const getAvatar = () => {
    axios.get('https://neko-back.herokuapp.com/file', {responseType: 'blob'})
        .then((res) => {
            const blob = new Blob([res.data], {type : 'image/jpeg'});
            console.log(blob)

            // создать ссылку на файл
            const downloadUrl = window.URL.createObjectURL(blob);
            setAva(downloadUrl)
    })
}

3) ⚡Сохранение файла на компьютере

const getAvatar = () => {
    axios.get('https://neko-back.herokuapp.com/file', {responseType: 'blob'})
        .then((res) => {
           const blob = new Blob([res.data], {type : 'image/jpeg'});

           // создать ссылку на файл
           const downloadUrl = window.URL.createObjectURL(blob);

           // создать тег "ссылка" на наш файл
           const link = document.createElement('a');
           link.href = downloadUrl;

           // добавить атрибуты нашему тегу: загрузочный, имя файла
           link.setAttribute('download', 'newFile.jpg');

            // добавить тег в документ
            document.body.appendChild(link);

            // нажать на ссылку
            link.click();

            // удалить тег из документа
            link.remove();
         })
    }