[Bug]: Cannot read properties of undefined (reading 'custom') in Next.js project

説明

import type { StorybookConfig } from '@storybook/nextjs';
const config: StorybookConfig = {
  // ...
  webpackFinal: async (config) => {
    config.resolve = config.resolve || {};
    config.resolve.alias = {
      ...config.resolve.alias,
      // Mock assert to avoid issues like Cannot read properties of undefined (reading 'custom')
      assert: false,
    };
    return config;
  },
};
export default config;

コントリビューターガイド

技術スタック

typescriptreactnextjs

領域

frontenddeveloper experience

Issue 種別

bug

難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。

3

推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。

1-2 days

活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。

blocked

明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。

clear

前提条件

StorybookNext.jsTypeScriptWebpack

初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。

35

調査方針

Investigate the changes in v7.0.0 beta.29, particularly PR #20615, to understand why 'assert' module causes 'custom' property to be undefined in webpack config. Look at the webpack configuration in the Storybook Next.js preset and consider if a different fix is needed beyond mocking assert. The workaround in the issue description can serve as a temporary solution.