Use the reactjs bundle included withi @reactpy/client

Author: Archmonger

src/js/bun.lockb

@@ -4,13 +4,11 @@
     "check": "prettier --check . && eslint"
   },
   "devDependencies": {
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
     "eslint": "^9.13.0",
     "eslint-plugin-react": "^7.37.1",
     "prettier": "^3.3.3"
   },
   "dependencies": {
-    "preact": "^10.24.3"
+    "@reactpy/client": "^1.0.3"
   }
 }

src/js/package.json

@@ -1,19 +1,21 @@
-import React from "preact/compat";
-import ReactDOM from "preact/compat";
+import { React } from "@reactpy/client";
 import { createLocationObject, pushState, replaceState } from "./utils";
 import { HistoryProps, LinkProps, NavigateProps } from "./types";
 
 /**
  * Interface used to bind a ReactPy node to React.
  */
-export function bind(node) {
+export function bind(node: HTMLElement | Element | Node) {
   return {
-    create: (type, props, children) =>
-      React.createElement(type, props, ...children),
-    render: (element) => {
-      ReactDOM.render(element, node);
+    create: (
+      type: string,
+      props: Record<string, unknown>,
+      children: React.ReactNode[],
+    ) => React.createElement(type, props, ...children),
+    render: (element: HTMLElement | Element | Node) => {
+      React.render(element, node);
     },
-    unmount: () => ReactDOM.unmountComponentAtNode(node),
+    unmount: () => React.render(null, node),
   };
 }