diff --git a/src/js/bun.lockb b/src/js/bun.lockb
index 0bb863ce..2e9333e3 100644
Binary files a/src/js/bun.lockb and b/src/js/bun.lockb differ
diff --git a/src/js/package.json b/src/js/package.json
index bfcdb72c..eda9dd6f 100644
--- a/src/js/package.json
+++ b/src/js/package.json
@@ -15,6 +15,7 @@
     "@pyscript/core": "^0.6",
     "@reactpy/client": "^0.3.2",
     "event-to-object": "^0.1.2",
-    "morphdom": "^2.7.4"
+    "morphdom": "^2.7.4",
+    "preact": "^10.26.4"
   }
 }
diff --git a/src/js/src/components.ts b/src/js/src/components.ts
index 176a1f30..71f72da5 100644
--- a/src/js/src/components.ts
+++ b/src/js/src/components.ts
@@ -1,6 +1,6 @@
 import { DjangoFormProps, HttpRequestProps } from "./types";
-import React from "react";
-import ReactDOM from "react-dom";
+import React from "preact/compat";
+import ReactDOM from "preact/compat";
 /**
  * Interface used to bind a ReactPy node to React.
  */
diff --git a/src/js/src/mount.tsx b/src/js/src/mount.tsx
index a3a02087..e2c19763 100644
--- a/src/js/src/mount.tsx
+++ b/src/js/src/mount.tsx
@@ -1,6 +1,5 @@
 import { ReactPyDjangoClient } from "./client";
-import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "preact/compat";
 import { Layout } from "@reactpy/client/src/components";
 
 export function mountComponent(
diff --git a/src/js/tsconfig.json b/src/js/tsconfig.json
new file mode 100644
index 00000000..1293173f
--- /dev/null
+++ b/src/js/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "composite": true,
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "declaration": true,
+    "declarationMap": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "lib": ["DOM", "DOM.Iterable", "esnext"],
+    "noEmitOnError": true,
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": false,
+    "sourceMap": true,
+    "strict": true
+  }
+}
diff --git a/tests/test_app/tests/utils.py b/tests/test_app/tests/utils.py
index f1fb4bd9..dc3cb9dd 100644
--- a/tests/test_app/tests/utils.py
+++ b/tests/test_app/tests/utils.py
@@ -117,7 +117,16 @@ def start_playwright_client(cls):
         cls.browser = cls.playwright.chromium.launch(headless=bool(headless))
         cls.page = cls.browser.new_page()
         cls.page.set_default_timeout(10000)
-        cls.page.on("console", lambda msg: _logger.error("error: %s", msg.text) if msg.type == "error" else None)
+        cls.page.on("console", cls.playwright_logging)
+
+    @staticmethod
+    def playwright_logging(msg):
+        if msg.type == "error":
+            _logger.error(msg.text)
+        elif msg.type == "warning":
+            _logger.warning(msg.text)
+        elif msg.type == "info":
+            _logger.info(msg.text)
 
     @classmethod
     def shutdown_playwright_client(cls):