refact: prefer function over lambdas

src/pages/404.tsx

@@ -3,12 +3,14 @@ import React from "react"
 import Layout from "../components/Layout"
 import SEO from "../components/SEO"
 
-const NotFoundPage = () => (
-  <Layout>
-    <SEO title="404: Not found" />
-    <h1>NOT FOUND</h1>
-    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
-  </Layout>
-)
+function NotFoundPage() {
+  return (
+    <Layout>
+      <SEO title="404: Not found" />
+      <h1>NOT FOUND</h1>
+      <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
+    </Layout>
+  )
+}
 
 export default NotFoundPage

src/pages/docs.tsx

@@ -3,11 +3,13 @@ import React from "react"
 import DocsLayout from "../components/DocsLayout"
 import SEO from "../components/SEO"
 
-const DocsPage = () => (
-  <DocsLayout>
-    <SEO title="Docs" />
-    the docs
-  </DocsLayout>
-)
+function DocsPage() {
+  return (
+    <DocsLayout>
+      <SEO title="Docs" />
+      the docs
+    </DocsLayout>
+  )
+}
 
 export default DocsPage

src/pages/index.tsx

@@ -4,15 +4,17 @@ import { Link } from "gatsby"
 import Layout from "../components/Layout"
 import SEO from "../components/SEO"
 
-const IndexPage = () => (
-  <Layout>
-    <SEO title="Home" />
-    <h1>Hi people</h1>
-    <p>Welcome to your new Gatsby site.</p>
-    <p>Now go build something great.</p>
-    <div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}></div>
-    <Link to="/page-2/">Go to page 2</Link>
-  </Layout>
-)
+function IndexPage() {
+  return (
+    <Layout>
+      <SEO title="Home" />
+      <h1>Hi people</h1>
+      <p>Welcome to your new Gatsby site.</p>
+      <p>Now go build something great.</p>
+      <div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}></div>
+      <Link to="/page-2/">Go to page 2</Link>
+    </Layout>
+  )
+}
 
 export default IndexPage