Bug report

[x] I confirm this is a bug with Supabase, not with my own application.
[x] 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

Unbenannt

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.

supabase / storage

400 Bad request when using getPublicUrl #561