docs: update demo pkg ver

Author: Thanga-Ganapathy

apps/demo/package.json

@@ -16,23 +16,23 @@
     "@fontsource/inter": "^5.0.18",
     "@mui/icons-material": "^5.15.15",
     "@mui/joy": "5.0.0-beta.36",
-    "@opentf/obj-diff": "^0.1.2",
+    "@opentf/obj-diff": "^0.3.0",
     "@opentf/std": "^0.10.0",
     "@uiw/react-codemirror": "^4.21.25",
     "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "@typescript-eslint/parser": "^7.2.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/parser": "^7.7.1",
+    "@vitejs/plugin-react-swc": "^3.6.0",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.5",
     "vite": "^5.2.0"
   }
 }

apps/demo/src/App.tsx

@@ -2,7 +2,7 @@ import { Alert, Box, Link, Sheet, TabPanel, Typography } from "@mui/joy";
 import CodeMirror from "@uiw/react-codemirror";
 import { javascript } from "@codemirror/lang-javascript";
 import { useCallback, useEffect, useState } from "react";
-import { diff } from "@opentf/obj-diff";
+import { diff, type DiffResult } from "@opentf/obj-diff";
 import Tabs from "@mui/joy/Tabs";
 import TabList from "@mui/joy/TabList";
 import Tab from "@mui/joy/Tab";
@@ -29,7 +29,7 @@ function App() {
   const [obj2Val, setObj2Val] = useState(`{
     a: 2, c: 5
   }`);
-  const [raw, setRaw] = useState<Array<DiffResult>([]);
+  const [raw, setRaw] = useState<Array<DiffResult>>([]);
 
   useEffect(() => {
     async function runFormat() {