Next.js React component getInitialProps doesn't bind props
<p>In Next.js, you can use in your React components a lifecycle method bound to the server side rendering on first load.  </p>

<p>I tried to use this function as presented in <a href="https://zeit.co/blog/next#data-fetching-is-up-to-the-developer" rel="noreferrer">the ZEIT tutorial</a> (alternatively <a href="https://github.com/zeit/next.js#component-lifecycle" rel="noreferrer">on their Github</a>), but this.props doesn't seem to get JSON returned by the function. 
When I click on the component, console print an empty object. </p>

<pre><code>import React from 'react'
import 'isomorphic-fetch'
export default class extends React.Component {
    static async getInitialProps () {
        const res = await fetch('https://en.wikipedia.org/w/api.php?action=query&amp;titles=Main%20Page&amp;prop=revisions&amp;rvprop=content&amp;format=json')
        const data = await res.json()
        return { data }
    }
    print() {
        console.log(this.props);
    }
    render() {
        return &lt;div onClick={this.print.bind(this)}&gt;print props&lt;/div&gt;
    }
}
</code></pre>