Make a TypeScript file in gatsby-starter

gatsbyjs · Apr 30, 2020 · d706214 · d706214
1 parent d548ed0
commit d706214
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/starters/default/src/pages/page-2.js → starters/default/src/pages/page-2.tsx b/starters/default/src/pages/page-2.js → starters/default/src/pages/page-2.tsx
@@ -1,14 +1,15 @@
+// Gatsby supports TypeScript natively!
 import React from "react"
-import { Link } from "gatsby"
+import { PageProps, Link } from "gatsby"
 
 import Layout from "../components/layout"
 import SEO from "../components/seo"
 
-const SecondPage = () => (
+const SecondPage = (props: PageProps) => (
   <Layout>
     <SEO title="Page two" />
     <h1>Hi from the second page</h1>
-    <p>Welcome to page 2</p>
+    <p>Welcome to page 2 ({props.path})</p>
     <Link to="/">Go back to the homepage</Link>
   </Layout>
 )