title: How to get Reference Fields in embedded block's using Gatsby and Contentful's Rich Text fields
body: <p>I have a rich text editor field that accepts an embedded block where the content type contains a reference link to another content type.</p>
  
  <p>Like this:</p>
  
  <pre><code>content (rich text field)
    - group (embedded block)
      - group-items (reference field)
        - item 1 (referenced content)
        - item 2 (referenced content)
  </code></pre>
  
  <p>How can I get the <code>referenced content</code> items using <code>@contentful/rich-text-react-renderer</code>?</p>
  
  <p>I currently have this:</p>
  
  <pre><code>import { MARKS, BLOCKS } from '@contentful/rich-text-types';
  import { documentToReactComponents } from '@contentful/rich-text-react-renderer';
  
  const options = {
    renderNode: {
      [BLOCKS.EMBEDDED_ENTRY]: (node) =&gt; {
        console.log(node);
        return true;
      }
    },
    renderText: text =&gt; text.replace('!', '?'),
  };
  </code></pre>
  
  <p>Which gives me a bunch of id's but not of the field data for the entries which is what I really want.</p>
  
  <pre><code>content: []
  data:
  target: {sys: {…}}
  __proto__: Object
  nodeType: "embedded-entry-block"
  
  content: []
  data:
  target:
  sys: {id: "c13cBu2W6nOkQMx6bsvqCE5", type: "Link", linkType: "Entry"}
  __proto__: Object
  __proto__: Object
  nodeType: "embedded-entry-block"
  __proto__: Object
  </code></pre>