try different method of patching react

src/js/package.json

@@ -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/src/client.ts

@@ -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/components.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/tsconfig.json

@@ -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
  }
 }