react-router v2.0.0系でURLにハッシュ値を付けないようにする

react-routerを使ってルーティングするとURLの最後にハッシュ値が付いて http://localhost:3000/#/?_k=5aw68m
みたいなURLに勝手になる。ちょっとダサいので勝手につかないようにする。

公式 に書いてあった通りにやればOK。

追記 : 2016/2/10にv2.0.0系になっていた。v1.xはやり方が違う

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, useRouterHistory } from 'react-router';
import { createHashHistory } from 'history';

import AppRoutes from './Routes';

const appHistory = useRouterHistory(createHashHistory)({ queryKey: false })

ReactDOM.render(
  <Router history={appHistory} onUpdate={() => window.scrollTo(0, 0)}>
    {AppRoutes}
  </Router>
, document.getElementById('main'));