changed build workflow – for auth it's required to have better control over html and assets

app/src/ui/client/index.ts

@@ -2,3 +2,4 @@ export { ClientProvider, useClient, useBaseUrl } from "./ClientProvider";
 export { BkndProvider, useBknd } from "./BkndProvider";
 
 export { useAuth } from "./schema/auth/use-auth";
+export { Api } from "../../Api";

app/src/ui/inject.js

@@ -0,0 +1,5 @@
+// react shim
+import React from "react";
+import ReactDOM from "react-dom/client";
+
+export { React, ReactDOM };

app/src/ui/main.css

@@ -3,7 +3,6 @@
 @import "@mantine/core/styles.css";
 @import '@mantine/notifications/styles.css';
 
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

app/src/ui/main.tsx

@@ -1,6 +1,6 @@
-import React, { StrictMode } from "react";
-import ReactDOM from "react-dom/client";
-import "./styles.css";
+import * as React from "react";
+import * as ReactDOM from "react-dom/client";
+import "./main.css";
 
 import Admin from "./Admin";
 
@@ -13,9 +13,9 @@ const rootElement = document.getElementById("app")!;
 if (!rootElement.innerHTML) {
    const root = ReactDOM.createRoot(rootElement);
    root.render(
-      <StrictMode>
+      <React.StrictMode>
          <ClientApp />
-      </StrictMode>
+      </React.StrictMode>
    );
 }