using makePath for internal links

Menu.jsx

import { makePath } from 'react-redux-saga-router'
// if we have a route like this:
//const a = <Route name="foo" path="/my/:fancy/path(/:wow/*supercomplicated(/:thing))" />

export default () => {
  <a href={makePath('foo', { fancy: 'pants' })}>links to /my/pants/path</a>
  <a href={makePath('foo', {
      fancy: 'pants',
      wow: 'yes',
      supercomplicated: '/this/works/just/fine'
    })}>links to /my/pants/path/yes/this/works/just/fine</a>
  <a href={makePath('foo', {
      fancy: 'pants',
      wow: 'yes',
      supercomplicated: '/this/works/just/fine',
      thing: 'wheeee'
    })}>links to /my/paths/path/yes/this/works/just/fine/wheeee</a>
}