community-rule/.storybook/main.js

/** @type { import('@storybook/nextjs').StorybookConfig } */
const config = {
  stories: [
    "../stories/**/*.mdx",
    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
  ],
  addons: [
    // Removed @storybook/addon-essentials due to version mismatch with Storybook 10.x
    // Using individual addons instead
    "@storybook/addon-a11y",
    "@storybook/addon-interactions",
  ],
  framework: {
    name: "@storybook/nextjs",
    options: {},
  },
  staticDirs: ["../public"],

  // Webpack configuration to resolve Next.js modules for Next.js 16 compatibility
  async webpackFinal(config) {
    // Ensure Next.js modules are resolved correctly
    config.resolve = config.resolve || {};
    config.resolve.alias = {
      ...(config.resolve.alias || {}),
    };

    // Ensure node_modules are resolved
    config.resolve.modules = [
      ...(config.resolve.modules || []),
      "node_modules",
    ];

    return config;
  },
};

export default config;