Avoid all functions from preact/compat

Author: Archmonger

src/js/src/components.ts

@@ -1,25 +1,24 @@
 import { DjangoFormProps, HttpRequestProps } from "./types";
-import React from "preact/compat";
-import ReactDOM from "preact/compat";
+import { useEffect } from "preact/hooks";
+import { render, createElement } from "preact";
 /**
  * Interface used to bind a ReactPy node to React.
  */
 export function bind(node) {
   return {
-    create: (type, props, children) =>
-      React.createElement(type, props, ...children),
+    create: (type, props, children) => createElement(type, props, ...children),
     render: (element) => {
-      ReactDOM.render(element, node);
+      render(element, node);
     },
-    unmount: () => ReactDOM.unmountComponentAtNode(node),
+    unmount: () => render(null, node),
   };
 }
 
 export function DjangoForm({
   onSubmitCallback,
   formId,
 }: DjangoFormProps): null {
-  React.useEffect(() => {
+  useEffect(() => {
     const form = document.getElementById(formId) as HTMLFormElement;
 
     // Submission event function
@@ -64,7 +63,7 @@ export function DjangoForm({
 }
 
 export function HttpRequest({ method, url, body, callback }: HttpRequestProps) {
-  React.useEffect(() => {
+  useEffect(() => {
     fetch(url, {
       method: method,
       body: body,