feat: feed feature, typescript, remove google, fix errs & warns

src/pages/{MarkdownRemark.frontmatter__slug}.tsx

@@ -1,5 +1,5 @@
-import React from 'react'
-import { graphql } from 'gatsby'
+import * as React from 'react'
+import { graphql, PageProps } from 'gatsby'
 import styled from 'styled-components'
 
 import Layout from '../components/layout'
@@ -7,6 +7,8 @@ import Seo from '../components/seo'
 
 import { Section } from '../components/shared'
 
+import type { PostNode, PageContext } from '../types'
+
 const StyledMarkdown = styled.div`
   color: rgb(102, 102, 102);
   h2,
@@ -18,13 +20,20 @@ const StyledMarkdown = styled.div`
   h2 {
     text-transform: uppercase;
     letter-spacing: 1px;
-    font-family: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica,
-      Arial, sans-serif;
+    font-family:
+      'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial,
+      sans-serif;
   }
 `
 
-export default function Template({ data, location }) {
-  const { frontmatter, html } = data?.markdownRemark
+interface MarkdownPageData {
+  markdownRemark: PostNode
+}
+
+const MarkdownPageTemplate: React.FC<
+  PageProps<MarkdownPageData, PageContext>
+> = ({ data, location }) => {
+  const { frontmatter, html } = data.markdownRemark
   return (
     <Layout
       location={location}
@@ -39,6 +48,8 @@ export default function Template({ data, location }) {
   )
 }
 
+export default MarkdownPageTemplate
+
 export const pageQuery = graphql`
   query ($id: String!) {
     markdownRemark(id: { eq: $id }) {