Can't use @storybook/addon-designs with NEXTjs 13 about addon-designs HOT 4 CLOSED

The package name has been changed from storybook-addon-designs to @storybook/addon-designs from v7.
The current online doc (GHPages) is not updated to the latest version (v7).
Refer to README.md for the time being.

I don't know about Next.js + Storybook integration stuff but looking at your versions and the error message, it should work on the latest version of the addon.

from addon-designs.

The package name has been changed from storybook-addon-designs to @storybook/addon-designs from v7. The current online doc (GHPages) is not updated to the latest version (v7). Refer to README.md for the time being.

I don't know about Next.js + Storybook integration stuff but looking at your versions and the error message, it should work on the latest version of the addon.

Pocka, thank you 🙌🏻

According to your answer, I do this to get what I want.
main.js => the storybook setting file

// change the addon name
addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-onboarding',
    '@storybook/addon-interactions',
    '@storybook/addon-designs',
],

preview.js => the docs mentioned steps, as you said might not update

// remove this line
import { withDesign } from 'storybook-addon-designs';
const preview = {
  ...preview,
  // remove this line
  decorators: [withDesign],
};

And in my component story below:

parameters = {
  design: {
    type: 'figspec',
    accessToken: '',
    url: ''
  },
}

Works fine✨✨✨✨✨✨✨

Here is the snapshot for my packages version:
storybook: ^7.5.3
Other addons

Hope it can help other people.
And thanks again, without your hint, I won't get it work.

from addon-designs.

@pocka Is the "withDesign" decorator no longer required? What was it's purpose? I can't seem to find docs about it.
I see it in an existing codebase, and i'm not sure what I lose by removing it.

from addon-designs.

@MrSunshyne See #144. TL;DR is you don't need the decorator and it has been there for unknown reasons (probably mistake).

from addon-designs.