main.ts

import type { StorybookViteConfig } from '@storybook/builder-vite';
import { mergeConfig } from 'vite';
import viteConfig from '../vite.config';

const config: StorybookViteConfig = {
  core: { builder: '@storybook/builder-vite' },
  stories: ['../src/**/*.stories.@(ts|tsx)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions',
  ],
  framework: '@storybook/react',
  features: { storyStoreV7: true },
  async viteFinal(config) {
    return mergeConfig(mergeConfig(config, viteConfig), {
      define: {
        global: 'window',
      },
    });
  },
};

export default config;

preview.ts

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
}