Как получить локальный путь к загруженному файлу в React js с помощью хуков

Question

Когда я загружаю изображение, в консоли отображается, что это blob-объект и не удается найти файл, я просто хочу увидеть локальный путь к файлу в консоли

import React, {useState} from "react";

export default function FileUpload() {
    const [file, setFile]=useState(null);

    const uploadSingleFile= (e) =>{
        setFile( URL.createObjectURL(e.target.files[0]))
    };
    const  upload= (e)=> {
        e.preventDefault();
        console.log(file);
    };
    let imgPreview;
    if (file) {
        imgPreview = <img src={file} alt='' />;
    }
    return(
        <div>
            <form className="col-md-6 mx-auto">
                <div className="form-group preview">
                    {imgPreview}
                </div>

                <div className="form-group">
                    <input type="file" className="form-control" onChange={uploadSingleFile} />
                </div>
                <button type="button" className="btn btn-primary btn-block" onClick={upload}>Upload</button>
            </form >
        </div>
    )
}