ButtonLink.jsx

import { WithNamesake } from 'react-router-namesake';

const ButtonLink = ({ to, params }) => {
  return <WithNamesake>{({ routes }) => (
    <button onclick={() => routes.transitionTo(path, params)}>
      {this.props.children}
    </button>
)}</WithNamesake>;
  
// using the button
  
const PageComponent = () => (
  <ButtonLink to="users" params={{ userId: 123 }}>Button to /users/123</ButtonLink>;
);
  

links.jsx

import { NamesakeLink } from 'react-router-namesake';

const Component = () => (
  <div>
    <NamesakeLink to="home">link to /home </NamesakeLink>
    <NamesakeLink to="users">link to /users</NamesakeLink>
    <NamesakeLink to="user" params={{ userid: 123 }}>
      link to /users/123
    </NamesakeLink>
  </div>
);

routes.jsx

import { Route } from 'react-router';
import { NamesakeRouter } from 'react-router-namesake';

const App = () => (
  <Route render={({ history}) => (
    <NamesakeRouter
          push={history.push}
          routes={{
            home: "/home",
            users: "/users",
            user: "/users/:userId"
          }}
        >
        {/* your content */}
  </NamesakeRouter>
  )} />
);