- {fm.title}
+ {fm?.title}
Posted {date} by Zack Spencer
- {fm.lead}
+ {fm?.lead}
- {post.body}
+ {post?.body ?? ''}
);
}
export const query = graphql`
- query($slug: String!) {
+ query BlogPost($slug: String!) {
mdx(fields: { slug: { eq: $slug } }) {
body
frontmatter {
diff --git a/src/templates/redirect.js b/src/templates/redirect.js
deleted file mode 100644
index 53210909..00000000
--- a/src/templates/redirect.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { useEffect } from 'react';
-import { navigate } from 'gatsby';
-
-export default function Redirect({ pageContext }) {
- useEffect(() => navigate(pageContext.slug, { replace: true }));
- return null;
-}
diff --git a/src/templates/redirect.tsx b/src/templates/redirect.tsx
new file mode 100644
index 00000000..b8f30b9c
--- /dev/null
+++ b/src/templates/redirect.tsx
@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+import { navigate } from 'gatsby';
+
+interface Props {
+ pageContext: {
+ slug: string;
+ };
+}
+
+export default function Redirect({ pageContext }: Props) {
+ useEffect(() => {
+ navigate(pageContext.slug, { replace: true });
+ });
+ return null;
+}
diff --git a/tsconfig.json b/tsconfig.json
index 50bfbd7c..3bf82a16 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -69,5 +69,5 @@
/* Advanced Options */
"forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
},
- "include": ["./src/**/*"]
+ "include": ["./src/**/*", "./types/**/*"]
}
diff --git a/types/graphql-type.ts b/types/graphql-type.ts
new file mode 100644
index 00000000..02e36ffe
--- /dev/null
+++ b/types/graphql-type.ts
@@ -0,0 +1,2801 @@
+export type Maybe