400 Bad request when using getPublicUrl

[Wizzel1]

Bug report

• I confirm this is a bug with Supabase, not with my own application.
• I confirm I have searched the Docs, GitHub Discussions, and Discord.

Describe the bug

I have an app that displays multiple images in a list. Each of those images is requested via getPublicUrl like so:

export function getPreviewUrl(
  supabase: SupabaseClient<Database>,
  path_tokens: z.infer<typeof pathTokenSchema>,
) {
  try {
    const {
      data: { publicUrl },
    } = supabase.storage
      .from('thumbnails')
      .getPublicUrl(path_tokens.thumbnailPath, { download: true });
    return publicUrl;
  } catch (error) {
    if (error instanceof Error) {
      console.log('Error downloading image: ', error.message);
    }
    Sentry.captureException(error);
    return '';
  }
}

for some reason, sometimes a 400 Bad request error gets thrown but others load just fine. Any idea why this happens?

Expected behavior

I expected to be able to show my "thumbnails" for each image.

Screenshots

System information

• OS: Windows
• Browser: chrome
• Version of supabase-js: 2.45.4
• Version of Node.js: 20.15.0

Additional context

Add any other context about the problem here.

[fenos]

Hello, can you please share more information about the error you are getting ex:

• Response payload
• Logs from the storage-api docker container

Thanks