Using reactCompilerPreset with logger enabled

[maurer2]

Hello, I had a question about the recommended way to use the logger with the reactCompilerPreset-preset.

Since reactCompilerPreset doesn’t currently expose the logger, it seems that the only option is to add babel-plugin-react-compiler again as a separate plugin.

Is that the recommended approach, or would it be better to skip the reactCompilerPreset entirely and only use the babel-plugin-react-compiler plugin when the loggers is used?

Example config

import { defineConfig } from "vite";
import react, { reactCompilerPreset } from "@vitejs/plugin-react";
import babel from "@rolldown/plugin-babel";
import type { Logger } from "babel-plugin-react-compiler";

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    babel({
      presets: [reactCompilerPreset()],
      plugins: [
        [
          "babel-plugin-react-compiler",
          {
            logger: {
              logEvent(filename, event) {
                console.log(filename, event);
              },
            } satisfies Logger,
          },
        ],
      ],
    }),
  ],
});

Cheers