import React from 'react';
import { render } from 'react-dom';
import { Router, Route, IndexRoute, hashHistory } from 'react-router'

window.$ = require('jquery');

import Case from './components/Case.js'
import CaseReader from './components/CaseReader.js'
import {CaseOverview} from './components/CaseOverview.js'
import EdgenoteGallery from './components/EdgenoteGallery.js'
import Modal from './components/Modal.js'

window.i18n = {}
window.i18n.locale = 'ja'

render((
  <Router history={hashHistory}>
    <Route path="/" component={Case}>
      <IndexRoute component={CaseOverview} />
      <Route onEnter={() => window.scrollTo(0, 0)} path="edgenotes" component={EdgenoteGallery}>
        <Route path=":edgenoteID" component={Modal} />
      </Route>
      <Route onEnter={() => window.scrollTo(0, 0)} path=":chapter" component={CaseReader}>
        <Route path="edgenotes/:edgenoteID" component={Modal} />
      </Route>
    </Route>
  </Router>
), document.getElementById('container'))

@@ -92,20 +92,25 @@
 xRoute, 
-hash
+useRouter
 History 
@@ -130,16 +130,60 @@
 -router'
+%0Aimport %7B createHashHistory %7D from 'history'
 %0A%0Awindow
@@ -504,16 +504,93 @@
 e = 'ja'
+%0Aconst appHistory = useRouterHistory(createHashHistory)(%7B queryKey: false  %7D)
 %0A%0Arender
@@ -615,12 +615,11 @@
 ry=%7B
-hash
+app
 Hist

Remove the query key from hashHistory