title: Get posts in draft mode with WPGraphQL
body: <p>Using headless WordPress and WPGraphQL, when a page is set to <code>draft</code> status, and I try to pull in pages into my React navigation, the site breaks. How can I either filter out pages/posts that are set to <code>draft</code> status, or pull them in and then filter on the frontend?</p>
  <pre><code>query appQuery($locationId: MenuLocationEnum!) {
    menuItems(where: { location: $locationId }) {
      edges {
        node {
        id
        title
        label
        menuItemId
        connectedObject {
          __typename
          ... on Post {
            id
            slug
            status &lt;--Provides &quot;publish&quot; or &quot;draft&quot; in GraphIQL in WordPress dashboard
          }
          ... on Page {
            id
            slug
            pageId
            status &lt;--Provides &quot;publish&quot; or &quot;draft&quot; in GraphIQL in WordPress dashboard
          }
        }
      }
    }
  }
  </code></pre>