chore(examples): update typescript example (#17300)

gatsbyjs · Sep 2, 2019 · fa9f5ca · fa9f5ca
1 parent d870f82
commit fa9f5ca
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/examples/using-typescript/package.json b/examples/using-typescript/package.json
@@ -13,13 +13,13 @@
   },
   "dependencies": {
     "@types/node": "^10.3.1",
-    "@types/react": "16.3.16",
-    "@types/react-dom": "16.0.6",
+    "@types/react": "^16.9.2",
+    "@types/react-dom": "^16.9.0",
     "gatsby": "^2.0.0",
     "gatsby-plugin-typescript": "^2.0.0",
     "gatsby-plugin-typography": "^2.2.0",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
     "react-typography": "^0.16.13",
     "typography": "^0.16.17",
     "typography-theme-bootstrap": "^0.16.7"
@@ -28,6 +28,6 @@
     "tslint": "^5.10.0",
     "tslint-config-prettier": "^1.13.0",
     "tslint-react": "^3.6.0",
-    "typescript": "^2.9.1"
+    "typescript": "^3.6.2"
   }
 }
diff --git a/examples/using-typescript/src/layouts/index.tsx b/examples/using-typescript/src/layouts/index.tsx
@@ -2,7 +2,7 @@ import * as React from "react"
 
 import { rhythm } from "../utils/typography"
 
-const MainLayout: React.SFC = ({ children }) => (
+const MainLayout: React.FC = ({ children }) => (
   <div
     style={{
       margin: `0 auto`,

diff --git a/examples/using-typescript/src/pages/index.tsx b/examples/using-typescript/src/pages/index.tsx
@@ -24,7 +24,7 @@ export const pageQuery = graphql`
   }
 `
 
-export default class IndexPage extends React.Component<IndexPageProps, {}> {
+export default class IndexPage extends React.Component<IndexPageProps> {
   readonly hello = `Hello`
   public render() {
     const { siteName } = this.props.data.site.siteMetadata