next.js

const { webpack } = require('@storybook/csf-plugin');

const withNextra = require('nextra')({
  theme: 'nextra-theme-docs',
  themeConfig: './theme.config.tsx'
});
module.exports = async () => {
  const { ReactDocgenTypeScriptPlugin } = await import('@storybook/react-docgen-typescript-plugin');

  return withNextra({
    reactStrictMode: true,
    eslint: {
      ignoreDuringBuilds: true
    },
    webpack: (config, _options) => {
      return {
        ...config,
        module: {
          ...(config.module ?? {}),
          rules: [
            ...(config.module?.rules ?? []),
            {
              test: /\.(cjs|mjs|tsx?|jsx?)$/,
              enforce: 'pre',
              loader: require.resolve('@storybook/preset-react-webpack/dist/loaders/react-docgen-loader'),
              options: {
                debug: true,
              },
              exclude: /(\.(stories|story)\.(js|jsx|ts|tsx))|(node_modules)/,
            },
          ],
        },
        plugins: [
          ...(config.plugins || []),
          webpack({}),
          new ReactDocgenTypeScriptPlugin({
            savePropValueAsString: true
          })
        ]
      };
    }
  });
};