use new gatsby StaticImage component in example

Author: jimmyn

example/gatsby-config.js

@@ -9,6 +9,7 @@ module.exports = {
   },
   plugins: [
     `gatsby-plugin-react-helmet`,
+    `gatsby-plugin-image`,
     {
       resolve: `gatsby-source-filesystem`,
       options: {

example/src/components/image.js

@@ -3,8 +3,8 @@
 import React from 'react';
 import {Link, Trans, useTranslation} from 'gatsby-plugin-react-i18next';
 import {graphql, Link as GatsbyLink} from 'gatsby';
+import {StaticImage} from 'gatsby-plugin-image';
 import Layout from '../components/layout';
-import Image from '../components/image';
 import SEO from '../components/seo';
 
 const IndexPage = () => {
@@ -22,7 +22,13 @@ const IndexPage = () => {
         <Trans>Now go build something great.</Trans>
       </p>
       <div style={{maxWidth: `300px`, marginBottom: `1.45rem`}}>
-        <Image />
+        <StaticImage
+          src="../images/gatsby-astronaut.png"
+          alt="Hi people"
+          placeholder="none"
+          width={300}
+          height={300}
+        />
       </div>
       <p>
         <Link to="/page-2/">