converted image to webp_tracedSVG

src/@types/components/seo.d.ts

@@ -1,18 +1,17 @@
-interface SEOMetaNameInterface {
-  name: string
-  content: string
-}
-
-interface SEOMetaPropertyInterface {
-  property: string
-  content: string
-}
-
 export interface SEOInterface {
+  title: string
   description?: string
   lang?: string
-  meta?: Array<SEOMetaNameInterface | SEOMetaPropertyInterface>
+  meta?: Array<
-  title: string
+    | {
+        property: string
+        content: string
+      }
+    | {
+        name: string
+        content: string
+      }
+  >
 }
 
 export interface SEODataInterface {

src/components/image.tsx

@@ -20,7 +20,7 @@ const Image: React.FC = () => {
       placeholderImage: file(relativePath: { eq: "gatsby-astronaut.png" }) {
         childImageSharp {
           fluid(maxWidth: 300) {
-            ...GatsbyImageSharpFluid
+            ...GatsbyImageSharpFluid_withWebp_tracedSVG
           }
         }
       }