Node ESM Loader for JSX

loader.mjs

import esbuild from "esbuild";
import { readFile } from "node:fs/promises";
import { fileURLToPath } from "node:url";

export async function load(url, context, nextLoad) {
  const source = await readFile(fileURLToPath(url), "utf-8");

  if (/\.jsx$/.test(url)) {
    const transformedSource = await esbuild.transform(source, {
      loader: "jsx",
    });
    return {
      format: "module",
      source: transformedSource.code,
    };
  }

  return nextLoad(url, context);
}