Every time I try to link to my front page on my Gatsby build it comes with an object slug which creates the wrong link in my menu. I have set the site to use a static front page in my WordPress settings so the front page shouldn't have a slug at all.

At the moment the front page link in my menu is testpage.local/frontpage which is wrong since there should be no slug. I have tried using direct url instead of object\_slug but then the link is testpage.local/testpage.local/ 

I have also tried to create the menuitem is a custom link, but since it's linking to "/" it gets the same object\_slug (frontpage). 

Therefore, how can I use object\_slug but telling WordPress that my front page is not having any slug?

The query I am using:

```
{
  allWordpressWpApiMenusMenusItems {
    edges {
      node {
        items {
          title
          object_slug
          url

        }
      }
    }
  }
}

```

This returns

```
{
  "data": {
    "allWordpressWpApiMenusMenusItems": {
      "edges": [
        {
          "node": {
            "items": [
              {
                "title": "Frontpage",
                "object_slug": "frontpage",
                "url": "/"
              },
              {
                "title": "Dummy page",
                "object_slug": "dummy-page",
                "url": "http://testpage.local/dummy-page/"
              }
            ]
          }
        }
      ]
    }
  }
}

```

creating the menu:

```
const MainMenu = () => (
  <StaticQuery query={graphql`{
        allWordpressWpApiMenusMenusItems {
          edges {
            node {
              items {
                title
                object_slug
                url
              }
            }
          }
        }
      }
      `} render={props => (
      <div>
        {props.allWordpressWpApiMenusMenusItems.edges[0].node.items.map(item => (
          <Link to={item.object_slug} key={item.title}>
            {item.title}
          </Link>
        ))}
      </div>
    )} />
);

export default MainMenu;

```