NextRouter was not mounted. in Next.js 13

[p-chan]

In my project, I updated storybook-addon-next-router to v4.0.2 and it did not work.
Storybook say NextRouter was not mounted.
Is it just me? Is it the same for others?

---

Versions:

next: 13.0.5
@storybook/react: 6.5.12
storybook-addon-next-router: 4.0.2

[p-chan]

I have found a tentative solution and will share it with you guys.

In .storybook/preview.js

import { WithNextRouter } from "storybook-addon-next-router/dist/decorators";

export const decorators = [
  (Story) => {
    return (
      ...
    );
  },
  // Add this line!
  WithNextRouter,
];

[kristinlindquist]

@p-chan I ran same problem and your fix worked for me. Thank you!

[ghost]

Storybook 7.0.0 will have built-in next/router mock functionality, so this addon is no longer needed.
If you use Next.js 13, you may want to use Storybook 7.0.0-beta.13 or later.

https://storybook.js.org/blog/integrate-nextjs-and-storybook-automatically/