Storybook Gist with addon-links

decorators.js

export const withMemoryRouter = (StoryComponent, { parameters }) => {
  const { currentURL } = parameters;
  if (!currentURL) {
    return <StoryComponent />;
  }
  const { path, route, redirectComponent, redirectStory } = currentURL;
  if (!redirectComponent && !redirectStory) {
    return (
      <MemoryRouter initialEntries={[encodeURI(route)]}>
        <Route path={path}>
          <StoryComponent />
        </Route>
      </MemoryRouter>
    );
  }
  return (
    <MemoryRouter initialEntries={[encodeURI(route)]}>
      <Route path={path}>
        <LinkTo kind={redirectComponent} story={redirectStory} />
      </Route>
    </MemoryRouter>
  );
};

Landing.story.js

import React from 'react';
import Landing from '../Landing';
import notes from './readme.md';

export default {
  title: 'Common/Landing',
  component: Landing,
  parameters: {
    notes: { notes }
  }
}

export const defaultStory = (args) => <Landing {...args} />;

Login.story.js

import React from 'react';
import Login from './Login';
import notes from './readme.md';
import { withMemoryRouter } from '@StoryDecorator';

export default {
  title: 'Auth/Login',
  component: Login,
  parameters: {
    notes: { notes }
  }
}

const Template = (args) => <Login {...args} />;

export const defaultStory = Template.bind({});
export const successLogin = Template.bind({});
successLogin.args = {
  store: {
    initialState: {
      auth: {
        correctLogin: true,
        user: {
          id: '12345',
          roles: [],
          sightVotes: []
        },
        errorMessage: ''
      }
    }
  }
};
successLogin.decorators = [ withMemoryRouter ];
successLogin.parameters = {
  currentURL: {
    route: '/',
    path: '/',
    redirectComponent: 'Common/Landing',
    redirectStory: 'defaultStory'
  }
}