diff --git a/docs/_app/js/Sidebar.js b/docs/_app/js/Sidebar.js
index dda55f8..bf80382 100644
--- a/docs/_app/js/Sidebar.js
+++ b/docs/_app/js/Sidebar.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import {
   Link,
-  History,
 } from 'react-router';
 import {
   Container,
@@ -117,8 +116,6 @@ const components = [
 ];
 
 const Sidebar = React.createClass({
-  mixins: [History],
-
   getInitialState() {
     return {
       filter: null
diff --git a/docs/_app/js/app.js b/docs/_app/js/app.js
index aea5459..0a8f02c 100644
--- a/docs/_app/js/app.js
+++ b/docs/_app/js/app.js
@@ -5,7 +5,7 @@ import {
   Route,
   Link,
   IndexRoute,
-  History,
+  hashHistory,
 } from 'react-router';
 
 import {
@@ -16,7 +16,9 @@ import ComponentDoc from './ComponentDoc';
 import Index from './Index';
 
 const Header = React.createClass({
-  mixins: [History],
+  contextTypes: {
+    router: React.PropTypes.object.isRequired
+  },
 
   getInitialState() {
     return {
@@ -34,7 +36,7 @@ const Header = React.createClass({
     const pathName = `/${route}`;
 
     return (
-      <li className={this.history.isActive(pathName) ? 'am-active' : ''}>
+      <li className={this.context.router.isActive(pathName) ? 'am-active' : ''}>
         <Link to={pathName}>{title}</Link>
       </li>
     );
@@ -108,7 +110,7 @@ const GettingStarted = React.createClass({
 });
 
 const routes = (
-  <Router>
+  <Router history={hashHistory}>
     <Route path="/" component={App}>
       <Route path="docs" component={App.Components}>
         <Route path=":component" component={ComponentDoc} />
diff --git a/docs/_utils/Highlight.js b/docs/_utils/Highlight.js
index 1b2beba..b90cfca 100644
--- a/docs/_utils/Highlight.js
+++ b/docs/_utils/Highlight.js
@@ -1,15 +1,9 @@
 import React from 'react';
 import CSSTransitionGroup from 'react-addons-css-transition-group';
 import Clipboard from 'clipboard';
-import {
-  History,
-  Link,
-} from 'react-router';
 import Prism from './Prism';
 
 const Highlight = React.createClass({
-  mixins: [History],
-
   propTypes: {
     language: React.PropTypes.string,
   },
diff --git a/kitchen-sink/app.js b/kitchen-sink/app.js
index b17b9a2..10bba65 100644
--- a/kitchen-sink/app.js
+++ b/kitchen-sink/app.js
@@ -5,7 +5,7 @@ import {
   Router,
   Route,
   Link,
-  History,
+  hashHistory,
   IndexRoute,
 } from 'react-router';
 
@@ -79,10 +79,6 @@ const NotFound = React.createClass({
 });
 
 const Detail = React.createClass({
-  // DO NOT NEED HERE.
-  // https://github.com/rackt/react-router/blob/master/docs/API.md#history-mixin
-  // mixins: [History],
-
   render() {
     let component = this.props.params.component;
 
@@ -117,7 +113,7 @@ const Detail = React.createClass({
 });
 
 const routes = (
-  <Router>
+  <Router history={hashHistory}>
     <Route path="/" component={App}>
       <Route path=":component" component={Detail} />
       <IndexRoute component={Default} />
diff --git a/package.json b/package.json
index 128c531..ccef34a 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,7 @@
     "marked": "^0.3.5",
     "markedify": "0.0.2",
     "merge-stream": "^1.0.0",
-    "react-router": "^1.0.0",
+    "react-router": "^2.0.0",
     "run-sequence": "^1.1.4",
     "vinyl-buffer": "^1.0.0",
     "vinyl-source-stream": "^1.1.0",