attempt to fix hydration issue?

biltongza · Nov 19, 2024 · d8f8af6 · d8f8af6
1 parent 8a70d8c
commit d8f8af6
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontend/src/lib/album/thumbnail.svelte b/frontend/src/lib/album/thumbnail.svelte
@@ -25,6 +25,7 @@
   let srcSets = $derived(
     Object.entries(thumbnailSizes).flatMap(([sizeKey, maxWidth]) =>
       Object.entries(formats).map(([extension, mime]) => ({
+        key: `${image.id}|${sizeKey}|${extension}`,
         srcSet: `${StorageBaseUrl}/${image.hrefs[sizeKey]}.${extension} ${maxWidth}`,
         mime
       }))
@@ -34,7 +35,7 @@
 
 <a href={imageRoute}>
   <picture>
-    {#each srcSets as srcset}
+    {#each srcSets as srcset (srcset.key)}
       <source srcset={srcset.srcSet} type={srcset.mime} />
     {/each}
     <img {src} class="thumbnail-image" loading="lazy" alt="" />