title: Uncaught TypeError: Cannot read properties of undefined (reading 'rendered')
body: <p>im newbie in React and trying to make a headless worpdpress aplication.
  when i fetch a post i get only the first value.</p>
  <p>I fetch the post and save it in the state</p>
  <pre><code>componentDidMount() {
  this.setState({ loading: true }, () =&gt; {
    axios.get('http://localhost/wpprojekte/ebike/wp-json/wp/v2/posts/426')
      .then(res =&gt; {
        this.setState({ loading: false, error: 'no error', post: res.data })
      }).catch(error =&gt; {
        console.log(error);
      });
  });}
  </code></pre>
  <p>I have now the post in my state which looks like</p>
  <pre><code>constructor(props) {
  super(props);
  this.state = {
    loading: false,
    error: 'error',
    post: {},
  }}
  </code></pre>
  <p>when i render the Component, i can get only the first value from the post.
  for example <code>this.state.post.date</code></p>
  <p>when i try to get <code>this.state.post.title.rendered</code></p>
  <pre><code>Uncaught TypeError: Cannot read properties of undefined (reading 'rendered')
  </code></pre>
  <p>here is The render function</p>
  <pre><code>render() {
  console.log(JSON.stringify(this.state.post));
  return (
    &lt;div&gt;
      {&lt;div dangerouslySetInnerHTML={{ __html: this.state.post.title.rendered }} /&gt;}
    &lt;/div&gt;
  )}
  </code></pre>
  <p>I dont understand why it is getting only the first value.</p>
  <p>this is the console log</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  "id": 426,
    "date": "2021-05-07T09:49:37",
    "date_gmt": "2021-05-07T09:49:37",
    "guid": {
      "rendered": "http://localhost/wpprojekte/ebike/?post_type=genusstouren&amp;#038;p=426"
    },
    "modified": "2021-11-30T11:00:28",
    "modified_gmt": "2021-11-30T11:00:28",
    "slug": "schoeningen-helmstedt",
    "status": "publish",
    "type": "genusstouren",
    "link": "http://localhost/wpprojekte/ebike/genusstouren/schoeningen-helmstedt/",
    "title": {
      "rendered": "Genuss Bike Paradies Etappe 10"
    },
    "content": {
      "rendered": "\n&lt;p&gt;&lt;strong&gt;Diese Etappe startet in Schöningen und führt am Lappwaldsee durch Helmstedt und den angrenzenden Lappwald nach Wolfsburg.&lt;/strong&gt;&lt;/p&gt;\n\n\n\n&lt;p&gt;Die Route beginnt am Burgplatz nahe des Schlosses Schöningen und führt am ehemaligen Tagebau entlang in Richtung Norden. Dort führt die Tour westlich am Lappwaldsee entlang nahe des Grenzübergangs Helmstedt/Marienborn, welcher der größte und bedeutendste Grenzübergang an der innerdeutschen Grenze war. Von Helmstedt aus, in dessen Altstadt noch immer Teile der Stadtmauer als Wallanlagen zu finden sind, folgt die Route dem Lappwald, führt durch bewaldetes Gebiet und am Kloster Mariental durch Grasleben wieder in westlichere Richtung. Über Feldwege und durch kleinere Ortschaften geht es nach Velpke und von dort aus durch die Velpker Schweiz nach Oebisfelde. Nach Grafhorst und Überquerung der Aller führt die Route am Naturschutzgebiet Wendschotter und Vorsfelder Drömling entlang nach Wolfsburg, wo die Etappe am Wissenschaftsmuseum phaeno endet.&lt;/p&gt;\n\n\n\n&lt;p&gt;&lt;/p&gt;\n\n\n\n&lt;script type=\"text/javascript\" src=\"https://regio.outdooractive.com/oar-harz/de/embed/55540446/js?mw=false\"&gt;&lt;/script&gt;\n",
      "protected": false
    },
    "excerpt": {
      "rendered": "&lt;p&gt;Diese Etappe startet in Schöningen und führt am Lappwaldsee durch Helmstedt und den&lt;/p&gt;\n&lt;div class=\"mehr-erfahren\"&gt;&lt;a href=\"http://localhost/wpprojekte/ebike/genusstouren/schoeningen-helmstedt/\" rel=\"nofollow\"&gt;&lt;icon class=\"fas fa-angle-double-right\"&gt;&lt;/icon&gt; mehr erfahren&lt;/a&gt;&lt;/div&gt;\n",
      "protected": false
    },
    "author": 2,
    "featured_media": 442,
    "parent": 0,
    "menu_order": 0,
    "template": "",
    "meta": [],
    "featured_image_src": "http://localhost/wpprojekte/ebike/wp-content/uploads/2021/05/Etappe_10.jpg",
    "_links": {
      "self": [
        {
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/genusstouren/426"
        }
      ],
      "collection": [
        {
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/genusstouren"
        }
      ],
      "about": [
        {
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/types/genusstouren"
        }
      ],
      "author": [
        {
          "embeddable": true,
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/users/2"
        }
      ],
      "version-history": [
        {
          "count": 3,
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/genusstouren/426/revisions"
        }
      ],
      "predecessor-version": [
        {
          "id": 1065,
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/genusstouren/426/revisions/1065"
        }
      ],
      "wp:featuredmedia": [
        {
          "embeddable": true,
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/media/442"
        }
      ],
      "wp:attachment": [
        {
          "href": "http://localhost/wpprojekte/ebike/wp-json/wp/v2/media?parent=426"
        }
      ],
      "curies": [
        {
          "name": "wp",
          "href": "https://api.w.org/{rel}",
          "templated": true
        }
      ]
    }
  }</code></pre>
  </div>
  </div>
  </p>