title: Getting props as undefined in component returned from getStaticProps
body: <p>I have returned json response from getStaticProps and console logged it in getStaticProps to verify correct json response. So, fetch is working fine and I am getting correct response from API.</p>
  <pre><code>import Layout from '../components/layout';
  import fetch from 'isomorphic-unfetch';
  const Index = ({data}) =&gt; {
      console.log(data)
      return (
          &lt;Layout&gt;
              &lt;div&gt;
                  &lt;h1&gt;Welcome to Next Application&lt;/h1&gt;
                  &lt;h3&gt;Users List&lt;/h3&gt;
                  {data ? 
                  data.map((item, i) =&gt; {
                     return (
                     &lt;li key={i}&gt;{item.name}&lt;/li&gt;
                     )
                 }):
                  &lt;span&gt;Loading...&lt;/span&gt;
                 }
                     
                 
              &lt;/div&gt;
          &lt;/Layout&gt;
      );
  }
  export const getStaticProps = async () =&gt; {
      const response = await fetch(`https://jsonplaceholder.typicode.com/users`);
      const data = await response.json();
      console.log(data);
      return {
          props:{
              data
          } 
      }
  }
  export default Index;
  
  </code></pre>
  <p>Getting data as undefined in Index component.
  What am I missing ?</p>
  <p>My Output - <a href="https://ibb.co/Ns9143C" rel="noreferrer">https://ibb.co/Ns9143C</a>
  Github - <a href="https://github.com/ho-dor/next-poc" rel="noreferrer">https://github.com/ho-dor/next-poc</a></p>