docs: update examples dependencies

Author: cedricdelpoux

examples/basic/package.json

@@ -10,14 +10,14 @@
     "token": "../../utils/generate-token.js"
   },
   "dependencies": {
-    "gatsby": "^2.24.66",
-    "gatsby-image": "^2.4.20",
-    "gatsby-plugin-sharp": "^2.6.37",
+    "gatsby": "^4.0.1",
+    "gatsby-image": "^3.11.0",
+    "gatsby-plugin-sharp": "^4.0.1",
     "gatsby-remark-gifs": "^1.0.0",
-    "gatsby-remark-images": "^3.3.31",
+    "gatsby-remark-images": "^6.0.0",
     "gatsby-remark-unwrap-images": "^1.0.2",
-    "gatsby-transformer-remark": "^2.8.36",
-    "gatsby-transformer-sharp": "^2.5.16",
+    "gatsby-transformer-remark": "^5.0.0",
+    "gatsby-transformer-sharp": "^4.0.0",
     "react": "link:../../node_modules/react",
     "react-dom": "link:../../node_modules/react-dom"
   }

examples/basic/src/pages/404.js

@@ -1,7 +1,7 @@
 import {Link} from "gatsby"
 import React from "react"
 
-export default () => {
+const Page404 = () => {
   return (
     <main>
       <Link to="/">
@@ -11,3 +11,5 @@ export default () => {
     </main>
   )
 }
+
+export default Page404

examples/basic/src/templates/page.js

@@ -2,7 +2,7 @@ import {Link, graphql} from "gatsby"
 import Img from "gatsby-image"
 import React from "react"
 
-export default ({
+const TemplatePage = ({
   data: {
     page: {
       name,
@@ -28,6 +28,8 @@ export default ({
   )
 }
 
+export default TemplatePage
+
 export const pageQuery = graphql`
   query Page($path: String!) {
     page: googleDocs(slug: {eq: $path}) {