old_contents: import { DEFAULT_SEARCH_PROPS, PAGE_PROPS_NO_NAV } from "actions"
  import API from "api"
  import { gql } from "apollo-boost"
  import {
    mapDispatchToProps,
    propTypes as pagePropTypes,
    useBoilerplate
  } from "components/Page"
  import * as GraphiQLreq from "graphiql"
  import "graphiql/graphiql.css"
  import React from "react"
  import { connect } from "react-redux"
  
  const GraphiQL = props => {
    useBoilerplate({
      pageProps: PAGE_PROPS_NO_NAV,
      searchProps: DEFAULT_SEARCH_PROPS,
      ...props
    })
  
    // TODO: fix the below hack with inlined height after layout refactoring in NCI-Agency/anet#551
    return (
      <div style={{ height: "600px" }}>
        <GraphiQLreq fetcher={fetch} />
      </div>
    )
  
    function fetch(params) {
      const { operationName, variables } = params
      const query = gql`
        ${params.query}
      `
      return API.client.query({ operationName, query, variables })
    }
  }
  
  GraphiQL.propTypes = { ...pagePropTypes }
  
  export default connect(null, mapDispatchToProps)(GraphiQL)
  
new_contents: import { DEFAULT_SEARCH_PROPS, PAGE_PROPS_NO_NAV } from "actions"
  import API from "api"
  import { gql } from "apollo-boost"
  import {
    mapDispatchToProps,
    propTypes as pagePropTypes,
    useBoilerplate
  } from "components/Page"
  import GraphiQL from "graphiql"
  import "graphiql/graphiql.css"
  import React from "react"
  import { connect } from "react-redux"
  
  const GraphiQLContainer = props => {
    useBoilerplate({
      pageProps: PAGE_PROPS_NO_NAV,
      searchProps: DEFAULT_SEARCH_PROPS,
      ...props
    })
  
    // TODO: fix the below hack with inlined height after layout refactoring in NCI-Agency/anet#551
    return (
      <div style={{ height: "600px" }}>
        <GraphiQL fetcher={fetch} />
      </div>
    )
  
    function fetch(params) {
      const { operationName, variables } = params
      const query = gql`
        ${params.query}
      `
      return API.client.query({ operationName, query, variables })
    }
  }
  
  GraphiQLContainer.propTypes = { ...pagePropTypes }
  
  export default connect(null, mapDispatchToProps)(GraphiQLContainer)
  
subject: Fix GraphiQL page to work with updated graphiql package