Получить элемент объекта React

Получаю объект с сервера и записываю его в состояние, но когда выбираю значение его элемента - Cannot read property 'id' of undefined. Объект выглядит вот так:

[{userId: 1, id: 1, title: "sunt aut facere repellat provident occaecati excepturi optio reprehenderit", body: "quia et suscipit↵suscipit recusandae consequuntur …strum rerum est autem sunt rem eveniet architecto"},{userId: 1, id: 2, title: "qui est esse", body: "est rerum tempore vitae↵sequi sint nihil reprehend…aperiam non debitis possimus qui neque nisi nulla"}]

Код самого компонента:

class App extends React.Component{
  constructor(props){
    super(props);
    this.state={
      messages:""
    }
    this.getMessage = this.getMessage.bind(this);
  }
   async getMessage(){
    const fetchMess = await fetch('https://json.code.com/post');
    const data = await fetchMess.json(); 
    this.setState({
      messages: data
    })
  }
  componentDidMount() {
    window.addEventListener('load', this.getMessage);
  }

  render(){
    console.log(this.state.messages[0].id);
    return(
     <div className="container">
        <AppReady />
        <Form />
        <Messages message={this.state.messages[0]}/>
     </div>
    );
  }
}

В чем может быть проблема ?