Storage file upload returning undefined object

[kaustubhuk8]

I am trying to upload a file into a storage bucket using React. The file is uploaded perfectly into the bucket but the data returned to the upload function from supabase is undefined.

const avatarFile = event.target.files[0]
const { data, error } = await supabase.storage
.from('avatars')
.upload('public/avatar1.png', avatarFile){
cacheControl: "3600",
upsert: false,
});

in this case, console.log(data) returns undefined. Any thoughts on why this is happening?

[awalias]

hey @kaustubhuk8 , which version of supabase-js are you using?

it should be returning the path as per https://github.com/supabase/storage-js/blob/f650e1a504bd6137bd94880e37c1675c5eb996b7/src/lib/StorageFileApi.ts#L90

which is actually just https://github.com/supabase/storage-js/blob/f650e1a504bd6137bd94880e37c1675c5eb996b7/src/lib/StorageFileApi.ts#L322 so you could construct it yourself as a work around if needed

[kaustubhuk8]

It is 1.23.0 I believe

[awalias]

I see that the storage-js version was bumped in 1.24.0 so maybe try that

[kaustubhuk8]

Facing the same issues while trying to download the file using the JS code in the DOCS

[awalias]

hmm could you share what polices you have for this bucket, is it publicly readable?

Also feel free to send to support@supabase.com if you don't want to share code here

[kaustubhuk8]

Yeah, I think the version change fixed the error.
Sure, I'll send the code to the email.