update examples

Author: molszanski

examples/cra/src/index.tsx

@@ -1,14 +1,15 @@
 import React from "react"
-import ReactDOM from "react-dom"
+import { createRoot } from "react-dom/client"
 import "./index.css"
 import App from "./App"
 import reportWebVitals from "./reportWebVitals"
 
-ReactDOM.render(
+const container = document.getElementById("root")
+const root = createRoot(container!) // createRoot(container!) if you use TypeScript
+root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById("root"),
 )
 
 // If you want to start measuring performance in your app, pass a function

examples/vite-app/src/App.tsx

@@ -8,8 +8,8 @@ const Lol = () => {
   // console.log(app)
   // const a = app.get("a")
   // console.log(a)
-  // const [b, bErr] = useContainer().b
-  // console.log("v", b, bErr)
+  const [b, bErr] = useContainer().b
+  console.log("render", b, bErr)
   return <p>123</p>
 }
 

examples/vite-app/src/_bl.ts

@@ -13,7 +13,7 @@ export const app = makeRoot()
     a: () => new A(),
   }))
   .add((ctx) => ({
-    b: () => new B(ctx.a),
+    b: async () => new B(ctx.a),
   }))
   .add((ctx) => ({
     c: () => new C(ctx.a, ctx.b),