storybookにRSCの設定

バージョン

  "devDependencies": {
    "next": "14.2.24",
    "@storybook/nextjs": "^8.6.10",
    "@storybook/react": "^8.6.9",
    "storybook": "^8.6.9",
    }

当初の対応

こちらの記事を拝見し、storybook8では.storybook/main.jsの記述は下記にしてました。

const config: StorybookConfig = {
  // 省略
  features: {
    experimentalNextRSC: true,
  },
};
export default config;

この記述から下記のエラーによると、そんなものはないとのことでした。

オブジェクト リテラルは既知のプロパティのみ指定できます。'experimentalNextRSC' は型 '{ argTypeTargetsV7?: boolean | undefined; legacyDecoratorFileOrder?: boolean | undefined; disallowImplicitActionsInRenderV8?: boolean | undefined; experimentalRSC?: boolean | undefined; viewportStoryGlobals?: boolean | undefined; backgroundsStoryGlobals?: boolean | undefined; developmentModeForBuild?: boolean | unde...' に存在しません。

正規の記述

const config: StorybookConfig = {
  // 省略
  features: {
    experimentalRSC: true,
  },
};
export default config;

ちゃんと公式見よう。

参考記事