1. npm install -D babel-plugin-react-compiler@beta eslint-plugin-react-compiler@beta
2. npm install react-compiler-runtime@beta
3. Edit your vite.config.js file like this:
​

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: [['babel-plugin-react-compiler', { target: '18' }]],
      },
    }),
  ],
});

4. Build your app and run it. (npm run build and then npm run preview).

As I understand it, the react compiler so far is only a babel plugin. Once it is stable it may get ported to other solutions.

For vite, the rollup prod build can use a babel plugin. The dev server though uses esbuild.

So how would someone use the react compiler with vite? Would it have to be ported to esbuild?