Move imageMeta to field on top level File object to solve deprecation warning

src/components/GalleryImage/GalleryImage.js

@@ -68,7 +68,6 @@ const GalleryImage = ({ data, pageContext }) => {
   const vibrant = getVibrant(image, true);
 
   const orientationClasses = ar > 1 ? 'flex-col mx-auto' : 'portrait:mx-auto landscape:mx-5 landscape:flex-row-reverse portrait:flex-col';
-  console.log(ar, orientationClasses);
   const shutterSpeed = React.useMemo(() => getShutterFractionFromExposureTime(meta.exif.ExposureTime || 0), [meta]);
   const dateTaken = React.useMemo(() => new Date(meta.dateTaken), [meta]);
   return (<>
@@ -158,24 +157,24 @@ export const query = graphql`
             # placeholder: TRACED_SVG
             height: 2160
           )
-          fields {
-            imageMeta {
-              dateTaken
-              iptc {
-                caption
-                object_name
-                keywords
-                city
-                province_or_state
-              }
-              exif {
-                FNumber
-                ExposureTime
-                ISO
-              }
-              vibrant {
-                ...VibrantColors
-              }
+        }
+        fields {
+          imageMeta {
+            dateTaken
+            iptc {
+              caption
+              object_name
+              keywords
+              city
+              province_or_state
+            }
+            exif {
+              FNumber
+              ExposureTime
+              ISO
+            }
+            vibrant {
+              ...VibrantColors
             }
           }
         }

src/components/MasonryGallery.js

@@ -11,7 +11,6 @@ const MasonryGallery = ({ images, itemsPerRow: itemsPerRowByBreakpoint }) => {
   const breakpoints = React.useMemo(() => 
     R.pick(R.keys(itemsPerRowByBreakpoint), themeBreakpoints)
   , [itemsPerRowByBreakpoint]);
-  console.log(breakpoints);
 
   const { breakpoint } = useBreakpoint(breakpoints, 'sm');