Storybook configuration file using vite

main.cjs

const { loadConfigFromFile, mergeConfig } = require("vite");
const path = require("path");

module.exports = {
  ...
  async viteFinal(config) {
    const result = await loadConfigFromFile(
      { command: "build", mode: "development" },
      path.resolve(__dirname, "path to vite config")
    );

    if (!result) return config;
    const { config: userConfig } = result;
    config.plugins = config.plugins.filter(
      (plugin) =>
        !(
          Array.isArray(plugin) &&
          plugin.some((p) => p.name === "vite:react-jsx")
        )
    );
    return mergeConfig(config, {
      ...userConfig,
    });
  },
}