Get storyblok links in gatsby

Page.js

import React from 'react'
import Components from './components.js';
import { StaticQuery, graphql } from "gatsby"

class Navi extends React.Component {
  constructor(props) {
    super(props)

    const nest = (items, id = 0) => items
            .filter(item => item.parent_id === id)
            .map(item => ({ ...item, children: nest(items, item.id) }))

    let tree = nest(props.data.links.edges)

    this.state = {navi: tree}
  }

  render() {
    return (<div></div>)
  }
}

export default props => (
  <StaticQuery
    query={graphql`{
    links: allStoryblokLink {
      edges {
        node {
          id
          slug
          name
          is_folder
          parent_id
          published
          position
          uuid
          is_startpage
        }
      }
    }
  }`}
    render={data => <Navi data={data} {...props} />}
  />
)