fix: improve SEO types

src/components/SEO/index.tsx

@@ -3,13 +3,20 @@ import Helmet from "react-helmet"
 import { useStaticQuery, graphql } from "gatsby"
 
 interface SEOProps {
-  readonly description: string
+  readonly description?: string
-  readonly lang: string
+  readonly lang?: string
-  readonly meta: object[]
+  readonly meta?: any[]
+  readonly keywords?: string[]
   readonly title: string
 }
 
-const SEO = ({ description = "", lang = "en", meta = [], title }: SEOProps) => {
+const SEO = ({
+  description,
+  lang = "en",
+  meta = [],
+  keywords = [],
+  title,
+}: SEOProps) => {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -66,7 +73,16 @@ const SEO = ({ description = "", lang = "en", meta = [], title }: SEOProps) => {
           name: `twitter:description`,
           content: metaDescription,
         },
-      ]}
+      ]
+        .concat(
+          keywords.length > 0
+            ? {
+                name: `keywords`,
+                content: keywords.join(`, `),
+              }
+            : []
+        )
+        .concat(meta)}
     />
   )
 }