Only debug one fallback per page

src/photo/PhotosLarge.tsx

@@ -9,12 +9,14 @@ export default function PhotosLarge({
   prefetchFirstPhotoLinks,
   onLastPhotoVisible,
   revalidatePhoto,
+  debugImageFallback = true,
 }: {
   photos: Photo[]
   animate?: boolean
   prefetchFirstPhotoLinks?: boolean
   onLastPhotoVisible?: () => void
   revalidatePhoto?: RevalidatePhoto
+  debugImageFallback?: boolean
 }) {
   return (
     <AnimateItems
@@ -35,7 +37,7 @@ export default function PhotosLarge({
           onVisible={index === photos.length - 1
             ? onLastPhotoVisible
             : undefined}
-          debugImageFallback={index === 0}
+          debugImageFallback={debugImageFallback && index === 0}
         />)}
       itemKeys={photos.map(photo => photo.id)}
     />

src/photo/PhotosLargeInfinite.tsx

@@ -23,6 +23,7 @@ export default function PhotosLargeInfinite({
           photos={photos}
           onLastPhotoVisible={onLastPhotoVisible}
           revalidatePhoto={revalidatePhoto}
+          debugImageFallback={false}
         />}
     </InfinitePhotoScroll>
   );