react({ compiler: true }) ignores tsconfig jsxImportSource #1448

import assert from "node:assert/strict";
import { fileURLToPath } from "node:url";

import react from "@vitejs/plugin-react";
import { build } from "vite";

const root = fileURLToPath(new URL(".", import.meta.url));
const expected = {
  styled: "@emotion/react/jsx-runtime",
  plain: "react/jsx-runtime",
};

let failures = 0;
for (const options of [
  { compiler: false },
  { compiler: true },
  { compiler: true, jsxImportSource: "@emotion/react" },
]) {
  const buildOutput = await build({
    root,
    configFile: false,
    logLevel: "silent",
    plugins: [react(options)],
    build: {
      write: false,
      minify: false,
      lib: {
        entry: {
          styled: `${root}styled/component.tsx`,
          plain: `${root}plain/component.tsx`,
        },
        formats: ["es"],
      },
      rolldownOptions: {
        external: /^(react|@emotion\/react)(\/|$)/,
        output: { preserveModules: true },
      },
    },
  });

  console.log(JSON.stringify(options));
  const chunks = [buildOutput].flat().flatMap((output) => output.output);
  for (const [entry, runtime] of Object.entries(expected)) {
    const chunk = chunks.find(
      (output) =>
        output.type === "chunk" &&
        output.facadeModuleId === `${root}${entry}/component.tsx`,
    );
    assert.ok(chunk, `Missing entry: ${entry}`);
    const imports = chunk.imports.filter((specifier) =>
      specifier.endsWith("/jsx-runtime"),
    );
    const matches = imports.length === 1 && imports[0] === runtime;
    console.log(
      `  ${entry}: ${imports.join(", ")} (${matches ? "PASS" : "FAIL"})`,
    );
    if (!options.compiler) assert.deepEqual(imports, [runtime]);
    if (!matches && !options.jsxImportSource) failures++;
  }
}

process.exitCode = failures ? 1 : 0;