When using Vue 3, a compilation error occurred in <></> in tsx

Configuration used in the plugin

plugins: [
    vueJsx(),
    esbuild({ 
      jsxFactory: 'vueJsxCompat',
     }),
    vue(),
]

Use in code

const CardContainer = defineComponent({
    setup(props) {
      return () => <> text </>
    }
})

Compiled results

const CardContainer = defineComponent({
      setup(props2) {
        return () => /* @__PURE__ */ vueJsxCompat(React.Fragment, null, " text ");
      }
});

[xxholly32]

vue created official transform library

try

const vueJsx = require("@vitejs/plugin-vue-jsx");
const esbuild = require("rollup-plugin-esbuild");

export default {
  ... 
  plugins: [vueJsx(), esbuild()],
};

[RanxinStart]

use @vitejs/plugin-vue-jsx