Using javascript to upload file to Dropbox

Hello DB-Des

Thanks for you response. I had included a screenshot as well as my function that uploads to dropbox in my initial post. I will provide them again, and try to include more detail. In my html console this is the error message I receive (screenshot below) :

I have a function that is utilized once the user has made selections on all games and clicks the Save button. This begins the upload attempt to my dropbox app. See details of my dropbox app in my initial post. I wanted to include this in case there was an issue with how I setup my dropbox api. 

Here is my function that I use to attempt to upload an array (contains information on user picks) to dropbox. Note I left out the actual access token code. All I currently use for authentication is the API access Token. I am not sure how to properly authenticated users to upload to dropbox. 

async function saveFileToDropBox() {
                const dbx = new Dropbox.Dropbox({ accessToken: '' " });

                var text_array = JSON.stringify(users_array)
                var file = new File([text_array], "users_array.json", { type: "application/json" });
                var dropbox_path_file = '/2025/users_array.json';
                try {
                    const response = await dbx.filesUpload({
                        path: dropbox_path_file, // Desired path and filename in Dropbox
                        contents : file ,
                        mode: { '.tag': 'overwrite' } // Optional: Overwrite if file exists
                });
                console.log('File uploaded successfully:', response);
                } catch (error) {
                console.error('Error uploading file:', error);
                }
        }

Hopefully this along with screenshots of my app settings provides enough information. I tried clicking on the error to get more information about it :

Only first part of access token