Merge pull request #1 from furystack/chore/dependency-upgrade-2022-02-13

chore/dependency upgrade 2022 02 13

Author: gallayl

package.json

@@ -15,64 +15,64 @@
     "deploy": "gatsby build --prefix-paths && gh-pages -d public"
   },
   "dependencies": {
-    "@emotion/react": "11.4.1",
-    "@emotion/styled": "11.3.0",
-    "cssnano": "5.0.8",
-    "date-fns": "2.23.0",
+    "@emotion/react": "11.7.1",
+    "@emotion/styled": "11.6.0",
+    "cssnano": "5.0.17",
+    "date-fns": "2.28.0",
     "emotion": "11.0.0",
     "emotion-server": "11.0.0",
-    "gatsby": "3.12.0",
+    "gatsby": "4.7.1",
     "gatsby-image": "3.11.0",
-    "gatsby-plugin-canonical-urls": "3.12.0",
-    "gatsby-plugin-emotion": "6.12.0",
-    "gatsby-plugin-feed": "3.12.0",
+    "gatsby-plugin-canonical-urls": "4.7.0",
+    "gatsby-plugin-emotion": "7.7.0",
+    "gatsby-plugin-feed": "4.7.0",
     "gatsby-plugin-global-styles": "^1.0.17",
-    "gatsby-plugin-google-analytics": "3.12.0",
-    "gatsby-plugin-postcss": "4.12.0",
-    "gatsby-plugin-react-helmet": "4.12.0",
-    "gatsby-plugin-sharp": "3.12.0",
-    "gatsby-plugin-sitemap": "4.8.0",
-    "gatsby-plugin-typescript": "3.12.0",
-    "gatsby-remark-copy-linked-files": "4.9.0",
-    "gatsby-remark-images": "5.9.0",
-    "gatsby-remark-prismjs": "5.9.0",
+    "gatsby-plugin-google-analytics": "4.7.0",
+    "gatsby-plugin-postcss": "5.7.0",
+    "gatsby-plugin-react-helmet": "5.7.0",
+    "gatsby-plugin-sharp": "4.7.0",
+    "gatsby-plugin-sitemap": "5.7.0",
+    "gatsby-plugin-typescript": "4.7.0",
+    "gatsby-remark-copy-linked-files": "5.7.0",
+    "gatsby-remark-images": "6.7.0",
+    "gatsby-remark-prismjs": "6.7.0",
     "gatsby-remark-reading-time": "1.1.0",
-    "gatsby-remark-responsive-iframe": "4.9.0",
-    "gatsby-remark-smartypants": "4.9.0",
-    "gatsby-source-filesystem": "3.12.0",
-    "gatsby-transformer-json": "3.12.0",
-    "gatsby-transformer-remark": "4.9.0",
-    "gatsby-transformer-sharp": "3.12.0",
-    "gatsby-transformer-yaml": "3.12.0",
+    "gatsby-remark-responsive-iframe": "5.7.0",
+    "gatsby-remark-smartypants": "5.7.0",
+    "gatsby-source-filesystem": "4.7.0",
+    "gatsby-transformer-json": "4.7.0",
+    "gatsby-transformer-remark": "5.7.0",
+    "gatsby-transformer-sharp": "4.7.0",
+    "gatsby-transformer-yaml": "4.7.0",
     "lodash": "4.17.21",
     "normalize.css": "8.0.1",
-    "polished": "4.1.3",
+    "polished": "4.1.4",
     "postcss-color-function": "4.1.0",
-    "prism-themes": "1.8.0",
-    "prismjs": "1.24.1",
+    "prism-themes": "1.9.0",
+    "prismjs": "1.26.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "react-emotion": "10.0.0",
     "react-helmet": "6.1.0",
-    "rehype-react": "7.0.0"
+    "rehype-react": "7.0.4"
   },
   "devDependencies": {
-    "@types/lodash": "4.14.172",
-    "@types/node": "16.7.1",
-    "@types/react": "17.0.19",
-    "@types/react-dom": "17.0.9",
-    "@types/react-helmet": "6.1.2",
-    "@typescript-eslint/eslint-plugin": "4.29.2",
-    "@typescript-eslint/parser": "4.29.2",
-    "eslint": "7.32.0",
-    "eslint-config-xo-react": "0.25.0",
-    "eslint-config-xo-space": "0.29.0",
-    "eslint-config-xo-typescript": "0.44.0",
-    "eslint-plugin-import": "2.24.1",
-    "eslint-plugin-react": "7.24.0",
-    "eslint-plugin-react-hooks": "4.2.0",
+    "@types/lodash": "4.14.178",
+    "@types/node": "17.0.17",
+    "@types/react": "17.0.39",
+    "@types/react-dom": "17.0.11",
+    "@types/react-helmet": "6.1.5",
+    "@typescript-eslint/eslint-plugin": "5.11.0",
+    "@typescript-eslint/parser": "5.11.0",
+    "eslint": "8.9.0",
+    "eslint-config-xo-react": "0.26.0",
+    "eslint-config-xo-space": "0.32.0",
+    "eslint-config-xo-typescript": "0.50.0",
+    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-react": "7.28.0",
+    "eslint-plugin-react-hooks": "4.3.0",
     "gh-pages": "^3.2.3",
-    "typescript": "4.3.5"
+    "typescript": "4.5.5"
   },
   "browserslist": [
     ">5%",

src/templates/post.tsx

@@ -158,7 +158,7 @@ const PageTemplate = ({ data, pageContext, location }: PageTemplateProps) => {
           />
         )}
         <meta name="twitter:label1" content="Written by" />
-        <meta name="twitter:data1" content={post.frontmatter.author[0].id} />
+        <meta name="twitter:data1" content={post.frontmatter.author[0]?.id} />
         <meta name="twitter:label2" content="Filed under" />
         {post.frontmatter.tags && <meta name="twitter:data2" content={post.frontmatter.tags[0]} />}
         {config.twitter && (