react hook wrapper for swc

useSwc.ts

import { useEffect, useState } from "react";
import * as swc from "@swc/wasm-web";

let __initialized = false;
type SWC = Omit<typeof swc, "default" | "initSync">;
let __swc: SWC;

export default function useSwc() {
  const [initialized, setInitialized] = useState(__initialized);
  const [_swc, setSwc] = useState<SWC>(__swc);

  useEffect(() => {
    async function importAndRunSwcOnMount() {
      await swc.default();
      setInitialized(true);
      __initialized = true;
      setSwc(swc);
      __swc = swc;
    }
    if (!initialized) {
      importAndRunSwcOnMount();
    }
  }, []);

  if (initialized) {
    return { initialized: true, ..._swc };
  }

  return {
    initialized,
  };
}