How to use NextJS pathname in Storybook 8
Mark Kop
Posted on April 29, 2024
When you're using usePathname
from NextJS
import { usePathname } from 'next/navigation'
const pathname = usePathname()
And want to change the pathname for Storybook purposes, update your story as follows:
export const Default = {
parameters: {
nextjs: {
appDirectory: true,
navigation: {
pathname: '/games'
}
}
},
args: { ... }
};
Source: qcatch on Feb 22, 2024
https://github.com/storybookjs/storybook/discussions/25470
💖 💪 🙅 🚩
Mark Kop
Posted on April 29, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.