refactor(starter): upgrade to new version of gatsby

src/components/Post/Meta/Meta.js

@@ -1,15 +0,0 @@
-// @flow strict
-import React from 'react';
-import styles from './Meta.module.scss';
-
-type Props = {
-  date: string
-};
-
-const Meta = ({ date }: Props) => (
-  <div className={styles['meta']}>
-    <p className={styles['meta__date']}>Published {new Date(date).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}</p>
-  </div>
-);
-
-export default Meta;

src/components/Post/Meta/Meta.module.scss

@@ -1,9 +1,8 @@
-@import '../../../assets/scss/variables';
-@import '../../../assets/scss/mixins';
+@import "../../../assets/scss/variables";
+@import "../../../assets/scss/mixins";
 
 .meta {
   &__date {
     font-style: italic;
   }
-
-}
+}

src/components/Post/Meta/Meta.test.js

@@ -1,15 +0,0 @@
-// @flow strict
-import React from 'react';
-import renderer from 'react-test-renderer';
-import Meta from './Meta';
-
-describe('Meta', () => {
-  it('renders correctly', () => {
-    const props = {
-      date: '2016-09-01'
-    };
-
-    const tree = renderer.create(<Meta {...props} />).toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

src/components/Post/Meta/Meta.test.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import renderer from "react-test-renderer";
+
+import { Meta } from "@/components/Post/Meta";
+
+describe("Meta", () => {
+  it("renders correctly", () => {
+    const props = { date: "2016-09-01" };
+
+    const tree = renderer.create(<Meta {...props} />).toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+});

src/components/Post/Meta/Meta.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+import styles from "./Meta.module.scss";
+
+interface Props {
+  date: string;
+}
+
+const Meta: React.FC<Props> = ({ date }: Props) => (
+  <div className={styles.meta}>
+    <p className={styles.meta__date}>
+      Published{" "}
+      {new Date(date).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+      })}
+    </p>
+  </div>
+);
+
+export default Meta;

src/components/Post/Meta/__snapshots__/Meta.test.tsx.snap

@@ -7,7 +7,8 @@ exports[`Meta renders correctly 1`] = `
   <p
     className="meta__date"
   >
-    Published 
+    Published
+     
     Sep 1, 2016
   </p>
 </div>

src/components/Post/Meta/index.js

@@ -1,2 +0,0 @@
-// @flow strict
-export { default } from './Meta';

src/components/Post/Meta/index.ts

@@ -0,0 +1 @@
+export { default as Meta } from "./Meta";