client.js

import 'babel-polyfill'

import React from 'react'
import ReactDOM from 'react-dom'
import Relay from 'react-relay'

import applyRouterMiddleware from 'react-router/lib/applyRouterMiddleware'
import Router from 'react-router/lib/Router'
import useRouterHistory from 'react-router/lib/useRouterHistory'
import useRelay from 'react-router-relay'
import RelayLocalSchema from 'relay-local-schema'

import createHashHistory from 'history/lib/createHashHistory'

import routes from './routes'
import { Schema as schema } from '../data/schema'

Relay.injectNetworkLayer(
  new RelayLocalSchema.NetworkLayer({ schema })
)

const history = useRouterHistory(createHashHistory)({query: false})

ReactDOM.render(
  <Router
    history={history}
    routes={routes}
    render={applyRouterMiddleware(useRelay)}
    environment={Relay.Store}
  />,
  document.querySelector('#app')
)