Что случилось с моим внутренним кодом, который выдает 500 ошибок при отправке почтового запроса?

Question

Я пытаюсь сделать почтовый запрос, который отправит имя файла, id и email в базу данных. Почтальон работает нормально, но когда я пытаюсь открыть браузер. Это дает мне ошибку ErrorException: Trying to get property 'id' of non-object in file.

Мои шаги в браузере:

1. Войти с учетными данными пользователя. (успешно)
2. Попытка загрузить файл - я получаю вышеупомянутую ошибку. (не удалось)

Я просто не понимаю, почему он работает в Postman, а не в браузере. Что я делаю не так?

Примечание: dd($id, $name); возвращает правильные значения.

код реакции внешнего интерфейса:

fileUpload(file) {
    const formData = new FormData()

    formData.append('file', file);
    formData.append('id', this.state.id);
    formData.append('email', this.state.email);

    fetch('http://myendpoint/api/auth/wall-of-fame', {
        method: 'POST',
        body: formData
    })
        .then(response => console.log(response))
        .catch(error => { console.error(error) });
}

код контроллера:

public function store(Request $request){
    $filePath = $request->file('file')->getClientOriginalName();
    $id = $request->user()->id;
    $email = $request->user()->email;

//  dd($id, $email);

    $data= [
        'file_path' => $filePath,
        'user_id' => $id,
        'email' => $email
    ];

    DB::table('my.db')->insert($data);
    echo "Record inserted successfully.<br/>";
}