try different method of patching react

Author: Archmonger

src/js/bun.lockb

@@ -18,10 +18,8 @@
     "@reactpy/client": "^0.3.2",
     "event-to-object": "^0.1.2",
     "morphdom": "^2.7.4",
-    "preact": "^10.26.9"
-  },
-  "overrides": {
-    "react": "npm:@preact/compat",
-    "react-dom": "npm:@preact/compat"
+    "preact": "^10.26.9",
+    "react": "npm:@preact/compat@17.1.2",
+    "react-dom": "npm:@preact/compat@17.1.2"
   }
 }

src/js/package.json

@@ -1,10 +1,10 @@
 import {
   BaseReactPyClient,
-  ReactPyClient,
-  ReactPyModule,
+  type ReactPyClient,
+  type ReactPyModule,
 } from "@reactpy/client";
 import { createReconnectingWebSocket } from "./utils";
-import { ReactPyDjangoClientProps, ReactPyUrls } from "./types";
+import type { ReactPyDjangoClientProps, ReactPyUrls } from "./types";
 
 export class ReactPyDjangoClient
   extends BaseReactPyClient

src/js/src/client.ts

@@ -1,4 +1,4 @@
-import { DjangoFormProps, HttpRequestProps } from "./types";
+import type { DjangoFormProps, HttpRequestProps } from "./types";
 import { useEffect } from "preact/hooks";
 import { render, createElement } from "preact";
 /**

src/js/src/components.ts

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
-    "allowJs": false,
+    "allowImportingTsExtensions": true,
+    "allowJs": true,
     "allowSyntheticDefaultImports": true,
     "declaration": true,
     "declarationMap": true,
@@ -9,9 +10,11 @@
     "isolatedModules": true,
     "jsx": "react-jsx",
     "jsxImportSource": "preact",
-    "lib": ["DOM", "DOM.Iterable", "esnext"],
-    "module": "esnext",
-    "moduleResolution": "node",
+    "lib": ["ESNext"],
+    "module": "Preserve",
+    "moduleDetection": "force",
+    "moduleResolution": "bundler",
+    "noEmit": true,
     "noEmitOnError": true,
     "noUnusedLocals": true,
     "paths": {
@@ -22,6 +25,7 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "target": "esnext"
+    "target": "ESNext",
+    "verbatimModuleSyntax": true
   }
 }