add sample monaco react vite usage

sample.tsx

@@ -0,0 +1,30 @@
+// https://github.com/sartography/spiff-arena/issues/1763
+// from https://github.com/microsoft/monaco-editor/tree/main/samples/browser-esm-vite-react
+import { VFC, useRef, useState, useEffect } from "react";
+import * as monaco from "monaco-editor/esm/vs/editor/editor.api";
+import styles from "./Editor.module.css";
+
+export const Editor: VFC = () => {
+  const [editor, setEditor] =
+    useState<monaco.editor.IStandaloneCodeEditor | null>(null);
+  const monacoEl = useRef(null);
+
+  useEffect(() => {
+    if (monacoEl) {
+      setEditor((editor) => {
+        if (editor) return editor;
+
+        return monaco.editor.create(monacoEl.current!, {
+          value: ["function x() {", '\tconsole.log("Hello world!");', "}"].join(
+            "\n",
+          ),
+          language: "typescript",
+        });
+      });
+    }
+
+    return () => editor?.dispose();
+  }, [monacoEl.current]);
+
+  return <div className={styles.Editor} ref={monacoEl}></div>;
+};