diff --git a/packages/playground/devEnv/build.tsx b/packages/playground/devEnv/build.ts
similarity index 98%
rename from packages/playground/devEnv/build.tsx
rename to packages/playground/devEnv/build.ts
index c88bcbc..796c135 100644
--- a/packages/playground/devEnv/build.tsx
+++ b/packages/playground/devEnv/build.ts
@@ -70,7 +70,9 @@ const outDirs = Object.values(groups).flatMap((group) =>
 
 // Render home page contents
 const homeHtml = renderToStaticMarkup(
-  <Home groups={mapValues(groups, (group) => Object.keys(group))} />,
+  React.createElement(Home, {
+    groups: mapValues(groups, (group) => Object.keys(group)),
+  }),
 )
 
 const config: BuildOptions = {
diff --git a/packages/playground/package.json b/packages/playground/package.json
index 80dcc67..ccfc0c3 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -8,8 +8,8 @@
     "dist/**/*"
   ],
   "scripts": {
-    "serve": "node -r esbuild-register devEnv/build.tsx -d",
-    "build": "node -r esbuild-register devEnv/build.tsx",
+    "serve": "node -r esbuild-register devEnv/build.ts --dev",
+    "build": "node -r esbuild-register devEnv/build.ts",
     "build:static": "yarn build",
     "typecheck": "yarn run build",
     "test": "playwright test --config=devEnv/playwright.config.ts",