How to use the @storybook/react/dist/server/config/defaults/webpack.config function in @storybook/react

module.exports = (base, env) => {
  const config = defaults(base, env);
  return Object.assign({}, config, {
    resolve: Object.assign({}, config.resolve, {
      alias: Object.assign({}, (config.resolve || {}).alias, {
        react: 'preact-compat',
        'react-dom': 'preact-compat',
        'src': path.join(__dirname, '../src'),
          'msg': path.join(__dirname, '../src/msg'),
          'suggestion_engine': path.join(__dirname, '../src/suggestion_engine'),
          'suggestion_utils': path.join(__dirname, '../src/suggestion_utils'),
          'lib': path.join(__dirname, '../src/lib')
      })
    }),
    plugins: [
      new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify('development'),
        'SAKA_DEBUG': JSON.stringify(true),