main.js

// .storybook/main.js

module.exports = {
  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
  core: {
    builder: 'webpack5',
  },
  webpackFinal: async (config) => {
    // Mock modules
    config.resolve.alias['./Applause'] = require.resolve(
      '../src/__mocks__/Applause.mock.js'
    );
    config.resolve.alias['./useMailingListForm'] = require.resolve(
      '../src/__mocks__/useMailingListForm.mock.js'
    );

    return config;
  },
};