Configuration with webpack & babel

storybook.config.js

export const entries = ['**/*.stories.[t|j]s'];

export const babel = async (base, config) => ({
  rootMode: 'upward',
  sourceType: 'unambiguous',
});

export const webpack = async (base, config) => {
  const { default: webpackMerge } = await import('webpack-merge');

  return webpackMerge(base, {
    module: {
      rules: [{
        test: /.scss/,
        loader: 'sass-loader',
      }],
  });
};