@aptpod/data-viz-create-visual-parts-react/template/visual-parts-react/.storybook/main.js

template of npm project with typescript

const path = require('path')

module.exports = {
  stories: ['../src/**/*.stories.tsx'],
  addons: ['@storybook/addon-essentials'],
  framework: '@storybook/react',
  core: {
    builder: 'webpack5',
  },
  typescript: {
    check: false,
    reactDocgen: false,
  },
  reactOptions: {
    fastRefresh: true,
  },
  webpackFinal: async (config) => {
    config.node = {
      __dirname: true,
      __filename: true,
    }

    config.resolve.alias = {
      ...config.resolve.alias,
      src: path.join(__dirname, '../src'),
      'storybook/src': path.join(__dirname, './src'),
    }

    return config
  },
}