From 4dbaf1d4e3d2c88e899af396ad7ec9c4e8c5491b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <gaetan.renaudeau@ledger.fr>
Date: Sun, 25 Feb 2018 12:22:26 +0100
Subject: [PATCH] cookbook: fix active nav link

---
 packages/cookbook/src/App.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/cookbook/src/App.js b/packages/cookbook/src/App.js
index 5037bcf..cd8333c 100755
--- a/packages/cookbook/src/App.js
+++ b/packages/cookbook/src/App.js
@@ -4,7 +4,7 @@ import PropTypes from "prop-types";
 import { findDOMNode } from "react-dom";
 import queryString from "query-string";
 import "./App.css";
-import { Link, Route, Switch } from "react-router-dom";
+import { NavLink, Link, Route, Switch } from "react-router-dom";
 import logopng from "./logo.png";
 import Code from "./Code";
 import Sidebar from "react-sidebar";
@@ -47,9 +47,9 @@ class MenuContext extends PureComponent<*> {
         <ul>
           {all.map(key => (
             <li key={key}>
-              <Link
+              <NavLink
                 to={{
-                  pathname: key,
+                  pathname: "/" + key,
                   search: queryString.stringify({ menu, inspector })
                 }}
                 activeClassName="active"
@@ -58,7 +58,7 @@ class MenuContext extends PureComponent<*> {
                 <strong>{key}</strong>
                 &nbsp;
                 <span>{examples[key].title}</span>
-              </Link>
+              </NavLink>
             </li>
           ))}
         </ul>