Storybook with react-router

decorators.js

export const withMemoryRouter = (StoryComponent, { parameters: currentURL }) => {
  if (!currentURL) {
    return <StoryComponent />;
  }
  const { path, route } = currentURL;
  console.log('Current url available');
  console.log(path, route);
  return (
    <MemoryRouter initialEntries={[encodeURI(route)]}>
      <Route path={path}>
        <StoryComponent />
      </Route>
    </MemoryRouter>
  );
};

Footer.story.js

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

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

export const defaultFooter = Template.bind({});

export const landingPageFooter = Template.bind({});
landingPageFooter.parameters = {
  currentURL: {
    route: '/',
    path: '/'
  }
};