Top-level await Support?

[ASafaeirad]

Hey there, I'm using Cypress with Vite with following configuration:

// cypress.config.ts
export default defineConfig({
  e2e: {
    experimentalSessionAndOrigin: true,
    setupNodeEvents(on) {
      on(
        'file:preprocessor',
        vitePreprocessor(path.resolve(__dirname, './vite.config.ts')),
      );
    },
  },
  component: {
    devServer: {
      framework: 'react',
      bundler: 'vite',
    },
  },
});

// vite.config.ts
export default defineConfig({
  plugins: [
    tsconfigPaths(),
    react({
      exclude: /\.stories\.(t|j)sx?$/,
    }),
    svgr(),
  ],
  server: {
    port: toInteger(getEnv('PORT', ''), 3000),
    host: getEnv('HOST'),
    proxy: {
      '/graphql': {
        target: getEnv('API_PROXY_TARGET'),
        changeOrigin: true,
      },
    },
  },
  test: {
    environment: 'jsdom',
    globals: true,
  },
  build: {
    target: 'esnext',
  },
  envPrefix: 'APP',
});

The dev server and production build work without any error, but the cypress throws the following error.

Oops...we found an error preparing this test file:

  > cypress/e2e/createFamily.cy.ts

The error was:

Error: Module format umd does not support top-level await. Use the "es" or "system" output formats rather.
    at error (file:///home/skill/devs/camp/frontend/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Chunk.render (file:///home/skill/devs/camp/frontend/node_modules/rollup/dist/es/shared/rollup.js:14844:20)
    at file:///home/skill/devs/camp/frontend/node_modules/rollup/dist/es/shared/rollup.js:16006:52
    at Array.map (<anonymous>)
    at Bundle.addFinalizedChunksToBundle (file:///home/skill/devs/camp/frontend/node_modules/rollup/dist/es/shared/rollup.js:16004:34)
    at Bundle.generate (file:///home/skill/devs/camp/frontend/node_modules/rollup/dist/es/shared/rollup.js:15984:24)
    at async file:///home/skill/devs/camp/frontend/node_modules/rollup/dist/es/shared/rollup.js:23754:27
    at async catchUnfinishedHookActions (file:///home/skill/devs/camp/frontend/node_modules/rollup/dist/es/shared/rollup.js:23088:20)
    at async doBuild (file:///home/skill/devs/camp/frontend/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:45826:26)
    at async Module.build (file:///home/skill/devs/camp/frontend/node_modules/vite/dist/node/chunks/dep-4da11a5e.js:45662:16)
    at async Object.handler (/home/skill/devs/camp/frontend/node_modules/cypress-vite/dist/index.cjs:43:21)

This occurred while Cypress was compiling and bundling your test code. This is usually caused by:

- A missing file or dependency
- A syntax error in the file or one of its dependencies

Fix the error in your code and re-run your tests.

{
    "cypress": "10.10.0",
    "cypress-vite": "1.2.1",
    "vite": "3.1.8"
}