add inspector to version history example

examples/version-history/package.json

@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@tailwindcss/forms": "^0.5.9",
+    "jazz-inspector": "workspace:*",
     "jazz-react": "workspace:*",
     "jazz-tools": "workspace:*",
     "react": "^18.3.1",

examples/version-history/src/IssueVersionHistory.tsx

@@ -80,7 +80,7 @@ export function IssueVersionHistory({ id }: { id: ID<Issue> }) {
       <div className="flex flex-col text-sm gap-2">
         <h2 className="sr-only">Edits</h2>
         {edits.map((edit, i) => (
-          <div>
+          <div key={i}>
             <p className="text-xs text-stone-400">
               {edit.madeAt.toLocaleString()}
             </p>

examples/version-history/src/main.tsx

@@ -3,6 +3,7 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
+import { JazzInspector } from "jazz-inspector";
 import { apiKey } from "./apiKey.ts";
 
 createRoot(document.getElementById("root")!).render(
@@ -16,6 +17,7 @@ createRoot(document.getElementById("root")!).render(
       <DemoAuthBasicUI appName="Jazz Version History Example">
         <App />
       </DemoAuthBasicUI>
+      <JazzInspector position="bottom right" />
     </JazzProvider>
   </StrictMode>,
 );

pnpm-lock.yaml

@@ -1438,6 +1438,9 @@ importers:
       '@tailwindcss/forms':
         specifier: ^0.5.9
         version: 0.5.9(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.10.1(@swc/helpers@0.5.15))(@types/node@22.10.2)(typescript@5.6.3)))
+      jazz-inspector:
+        specifier: workspace:*
+        version: link:../../packages/jazz-inspector
       jazz-react:
         specifier: workspace:*
         version: link:../../packages/jazz-react