5 files changed, 24 insertions, 18 deletions
diff --git a/src/api/demo/pages/_app.js b/src/api/demo/pages/_app.js
index 1e1cec924..2fc3e0700 100644
--- a/src/api/demo/pages/_app.js
+++ b/src/api/demo/pages/_app.js
@@ -1,7 +1,7 @@
-import '../styles/globals.css'
+import "../styles/globals.css";
 
 function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return <Component {...pageProps} />;
 }
 
-export default MyApp
+export default MyApp;
diff --git a/src/api/demo/pages/api/hello.js b/src/api/demo/pages/api/hello.js
index 9987aff4c..e963280fa 100644
--- a/src/api/demo/pages/api/hello.js
+++ b/src/api/demo/pages/api/hello.js
@@ -1,5 +1,5 @@
 // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
 
 export default (req, res) => {
-  res.status(200).json({ name: 'John Doe' })
-}
+  res.status(200).json({ name: "John Doe" });
+};
diff --git a/src/api/demo/pages/index.tsx b/src/api/demo/pages/index.tsx
index 7274b3d39..24577acb3 100644
--- a/src/api/demo/pages/index.tsx
+++ b/src/api/demo/pages/index.tsx
@@ -1,19 +1,22 @@
 import Head from "next/head";
 import Image from "next/image";
 import styles from "../styles/Home.module.css";
+import { readFile } from "fs/promises";
 
 import React from "react";
 
 if (typeof window !== "undefined") {
   globalThis.Run = await import("../lib/run");
-  await import("../lib/api.ts");
+  await import("../lib/api");
 }
 
 export async function getStaticProps(ctx) {
   return {
     props: {
-      code: Bun.readFile(
-        "/Users/jarred/Build/es-module-lexer/test/samples/magic-string.js"
+      // not tested
+      code: readFile(
+        "/Users/jarred/Build/es-module-lexer/test/samples/magic-string.js",
+        { encoding: "utf-8" },
       ),
     },
   };
@@ -21,7 +24,7 @@ export async function getStaticProps(ctx) {
 
 var textDecoder = new TextDecoder();
 export default function Home({ code }) {
-  const fileNameRef = React.useRef();
+  const fileNameRef = React.useRef<HTMLInputElement>(null);
   const [esbuildResult, setEsbuildResult] = React.useState("");
   const [bunResult, setBunResult] = React.useState("");
   const [swcResult, setSWCResult] = React.useState("");
@@ -33,14 +36,14 @@ export default function Home({ code }) {
     (event) => {
       globalThis.Run.transform(
         event.target.value,
-        fileNameRef.current.value
+        fileNameRef?.current?.value,
       ).then((result) => {
         setEsbuildResult(result.esbuild.code);
         setBunResult(textDecoder.decode(result.bun.files[0].data));
         setSWCResult(result.swc.code);
       }, console.error);
     },
-    [fileNameRef, setEsbuildResult, setBunResult, setSWCResult]
+    [fileNameRef, setEsbuildResult, setBunResult, setSWCResult],
   );
   return (
     <div className={styles.container}>
diff --git a/src/api/demo/pages/scan.tsx b/src/api/demo/pages/scan.tsx
index 819a597b9..87cebd64d 100644
--- a/src/api/demo/pages/scan.tsx
+++ b/src/api/demo/pages/scan.tsx
@@ -1,19 +1,21 @@
 import Head from "next/head";
-import Image from "next/image";
+import { readFile } from "fs/promises";
 import styles from "../styles/Home.module.css";
 
 import React from "react";
 
 if (typeof window !== "undefined") {
   globalThis.Scan = await import("../lib/scan");
-  await import("../lib/api.ts");
+  await import("../lib/api");
 }
 
 export async function getStaticProps(ctx) {
   return {
     props: {
-      code: Bun.readFile(
-        "/Users/jarred/Build/es-module-lexer/test/samples/magic-string.js"
+      // not tested
+      code: readFile(
+        "/Users/jarred/Build/es-module-lexer/test/samples/magic-string.js",
+        { encoding: "utf-8" },
       ),
       defaultFile: "magic-string.js",
     },
@@ -22,7 +24,7 @@ export async function getStaticProps(ctx) {
 
 var textDecoder = new TextDecoder();
 export default function Home({ code, defaultFile }) {
-  const fileNameRef = React.useRef();
+  const fileNameRef = React.useRef<HTMLInputElement>(null);
   const [lexer, setLexer] = React.useState("");
   const [bunResult, setBunResult] = React.useState("");
   const [file, setFile] = React.useState(defaultFile);
@@ -34,13 +36,13 @@ export default function Home({ code, defaultFile }) {
     (event) => {
       globalThis.Scan.transform(
         event.target.value,
-        fileNameRef.current.value
+        fileNameRef?.current?.value,
       ).then((result) => {
         setLexer(JSON.stringify(result.lexer, null, 2));
         setBunResult(JSON.stringify(result.bun, null, 2));
       }, console.error);
     },
-    [fileNameRef, setBunResult, setLexer]
+    [fileNameRef, setBunResult, setLexer],
   );
   return (
     <div className={styles.container}>
diff --git a/src/api/demo/pages/two.tsx b/src/api/demo/pages/two.tsx
index e69de29bb..cb0ff5c3b 100644
--- a/src/api/demo/pages/two.tsx
+++ b/src/api/demo/pages/two.tsx
@@ -0,0 +1 @@
+export {};