the-biergarten-app/web/frontend/.storybook/main.ts

import type { StorybookConfig } from '@storybook/react-vite';

const config: StorybookConfig = {
    stories: ['../stories/Configure.mdx', '../app/**/*.stories.tsx'],
    addons: [
        '@chromatic-com/storybook',
        '@storybook/addon-vitest',
        '@storybook/addon-a11y',
        '@storybook/addon-docs',
        '@storybook/addon-onboarding',
    ],
    framework: '@storybook/react-vite',
    async viteFinal(config) {
        config.plugins = (config.plugins ?? []).filter((plugin) => {
            if (!plugin) {
                return true;
            }

            const pluginName = typeof plugin === 'object' && 'name' in plugin ? plugin.name : '';
            return !pluginName.startsWith('react-router');
        });

        config.build ??= {};
        config.build.rollupOptions ??= {};

        const previousOnWarn = config.build.rollupOptions.onwarn;
        config.build.rollupOptions.onwarn = (warning, warn) => {
            if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
                return;
            }

            if (typeof previousOnWarn === 'function') {
                previousOnWarn(warning, warn);
                return;
            }

            warn(warning);
        };

        return config;
    },
};
export default config;