How to mock next/router in Storybook

README.md

If you use Storybook with Next.js and have components using next/link you'll have to mock next/router the same you would for testing with Jest or others. Simply create a file with the mock router as shown below and import it in your Storybook config.

This is based on some information from an issue on Next.js:

vercel/next.js#1827

config.js

import { configure } from '@storybook/react';
import './mockNextRouter';

/* ... */

mockNextRouter.js

import Router from 'next/router';

Router.router = {
  push: () => {},
  prefetch: () => {},
};

Any suggestion on how to mock and modify the current address in the URL