import fetch from 'isomorphic-unfetch'
import React from 'react'

export default class extends React.Component {
  static async getInitialProps () {
    try {
      const res = await fetch('')
      const text = await res.text()
      console.log(text)
      return {text}
    } catch (err) {
      if (err.message.includes('is not a function')) {
        return {failed: true, error: err.toString()}
      }

      return {error: err.toString()}
    }
  }
  render () {
    const {failed, error, text} = this.props
    return <div className='fetch-page'>
      {failed ? 'failed' : ''}
      {error}
      <div id='text'>
        {text}
      </div>
    </div>
  }
}