No way to have multiple themes when working with Webpack. about semantic-ui-less HOT 5 OPEN

{
  resolve: {
    alias: {
      '../../theme.config$': path.join(paths.appSrc, '/semantic-ui/theme.config')
    }
  },
  module: {
    rules: [
      {
        test: /\.less$/,
        use: [
          {
            loader: "less-loader",
            options: {
              additionalData: (content, loaderContext) => {
                const { resourceQuery } = loaderContext;
                const theme = /[?&]theme=([^?&]+)/.exec(resourceQuery);
                if (theme) {
                  console.log("building custom theme: " + theme[1]);
                  return "@custom_theme: " + theme[1] + ";" + content;
                }

                return content;
              },
            },
          },
        ],
      },
    ],
  },
}

const CracoLessPlugin = require("craco-less");

module.exports = {
  plugins: [{ 
    plugin: CracoLessPlugin,
    options: {
      lessLoaderOptions: {
        additionalData: (content, loaderContext) => {
          const { resourceQuery } = loaderContext;
          const theme = /[?&]theme=([^?&]+)/.exec(resourceQuery);
          if (theme) {
            console.log("building custom theme: " + theme[1]);
            return "@custom_theme: " + theme[1] + ";" + content;
          }

          return content;
        }
     }
   }
  }]
};

import 'semantic-ui-less/semantic.less?theme=dark';

const urlParams = new URLSearchParams(window.location.search);
const theme = urlParams.get('theme');

if (theme === 'dark') {
  import('./semantic-ui/dark.js').then(render).catch(console.error);
} else {
  import('./semantic-ui/light.js').then(render).catch(console.error);
}

const render = () => {
  // theme is now loaded. render your app...
}