Next 12.2 newNextLinkBehavior support about storybook-addon-next HOT 7 CLOSED

@nirtamir2 seems like this addon doesn't pass down experimental options, found a workaround to work with newNextLinkBehavior 💪

in your preview.tsx file add the following

import NextLink, { LinkProps } from 'next/link';

const OriginalNextLink = NextLink;

Object.defineProperty(NextLink, 'default', {
  configurable: true,
  value: (props: LinkProps) => <OriginalNextLink {...props} legacyBehavior={false} />,
});

from storybook-addon-next.

@B2o5T Thanks, that fixed it for me!

from storybook-addon-next.

@B2o5T Thanks! It works for me too 👍

from storybook-addon-next.

Thanks for opening this issue!

The addon doesn't resolve that config as of right now. Resolving next config is difficult because nextjs does a lot of transformations internally to the config that then gets fed to its components. In order to provide a stable api, I have opened a ticket with nextjs to make this easier.

See this discussion for more details #119

from storybook-addon-next.

This will also fix issues with the new next/link used by default in Next13. This should maybe be part of #124 for it to be "valid".

from storybook-addon-next.

@nirtamir2 seems like this addon doesn't pass down experimental options, found a workaround to work with newNextLinkBehavior 💪

in your preview.tsx file add the following

import NextLink, { LinkProps } from 'next/link';

const OriginalNextLink = NextLink;

Object.defineProperty(NextLink, 'default', {
  configurable: true,
  value: (props: LinkProps) => <OriginalNextLink {...props} legacyBehavior={false} />,
});

More simple solution:

// preview.ts
process.env.__NEXT_NEW_LINK_BEHAVIOR = 'true'

from storybook-addon-next.

Since next 13 support has been released, I'm closing this issue

from storybook-addon-next.