fix: removed react-scan due to issues with bluetooth

.gitignore

@@ -2,6 +2,6 @@ dist
 node_modules
 stats.html
 .vercel
-.vite/deps
+.vite
 dev-dist
 __screenshots__*

README.md

@@ -138,47 +138,3 @@ reasons:
   environments.
 - **Web Standard APIs**: Uses browser-compatible APIs, making code more portable
   between server and client environments.
-
-### Debugging
-
-#### Debugging with React Scan
-
-Meshtastic Web Client has included the library
-[React Scan](https://github.com/aidenybai/react-scan) to help you identify and
-resolve render performance issues during development.
-
-React's comparison-by-reference approach to props makes it easy to inadvertently
-cause unnecessary re-renders, especially with:
-
-- Inline function callbacks (`onClick={() => handleClick()}`)
-- Object literals (`style={{ color: "purple" }}`)
-- Array literals (`items={[1, 2, 3]}`)
-
-These are recreated on every render, causing child components to re-render even
-when nothing has actually changed.
-
-Unlike React DevTools, React Scan specifically focuses on performance
-optimization by:
-
-- Clearly distinguishing between necessary and unnecessary renders
-- Providing render counts for components
-- Highlighting slow-rendering components
-- Offering a dedicated performance debugging experience
-
-#### Usage
-
-When experiencing slow renders, run:
-
-```bash
-deno task dev:scan
-```
-
-This will allow you to discover the following about your components and pages:
-
-- Components with excessive re-renders
-- Performance bottlenecks in the render tree
-- Expensive hook operations
-- Props that change reference on every render
-
-Use these insights to apply targeted optimizations like `React.memo()`,
-`useCallback()`, or `useMemo()` where they'll have the most impact.

deno.lock

@@ -56,7 +56,7 @@
     "npm:react-hook-form@^7.54.2": "[email protected]",
     "npm:[email protected]": "[email protected][email protected][email protected][email protected]",
     "npm:react-qrcode-logo@3": "[email protected][email protected][email protected]",
-    "npm:react-scan@~0.2.8": "0.2.8[email protected][email protected][email protected][email protected]",
+    "npm:react-scan@~0.3.2": "0.3.2[email protected][email protected][email protected][email protected]_@[email protected]",
     "npm:react@19": "19.0.0",
     "npm:rfc4648@^1.5.4": "1.5.4",
     "npm:simple-git-hooks@^2.11.1": "2.11.1",
@@ -1305,8 +1305,8 @@
     "@open-draft/[email protected]": {
       "integrity": "sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg=="
     },
-    "@pivanov/[email protected].1[email protected][email protected][email protected]": {
+    "@pivanov/[email protected].2[email protected][email protected][email protected]": {
-      "integrity": "sha512-JQ/pXeG9/Yq3UuwH2Xp4F6bSAIDGzbxT0Vrg/82tMi3Yp+Ps9AYzjSDE+zfvBRqc7J11V6MMonUrWj4+2dYgrg==",
+      "integrity": "sha512-q9CN0bFWxWgMY5hVVYyBgez1jGiLBa6I+LkG37ycylPhFvEGOOeaADGtUSu46CaZasPnlY8fCdVJZmrgKb1EPA==",
       "dependencies": [
         "react",
         "react-dom"
@@ -1920,6 +1920,14 @@
         "[email protected]"
       ]
     },
+    "@rollup/[email protected]": {
+      "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
+      "dependencies": [
+        "@types/[email protected]",
+        "[email protected]",
+        "[email protected]"
+      ]
+    },
     "@rollup/[email protected][email protected]": {
       "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
       "dependencies": [
@@ -3531,8 +3539,8 @@
         "@types/pbf"
       ]
     },
-    "@types/[email protected]2": {
+    "@types/[email protected]4": {
-      "integrity": "sha512-9RV2zST+0s3EhfrMZIhrz2bhuhBwxgkbHEwP2gtGWPjBzVQjifMzJ9exw7aDZhR1wbpj8zBrfp3bo8oJcGiUUw==",
+      "integrity": "sha512-d7fGCyB96w9BnWQrOsJtpyiSaBcAYYr75bnK6ZRjDbql2cGLj/3GsL5OYmLPNq76l7Gf2q4Rv9J2o6h5CrD9sA==",
       "dependencies": [
         "[email protected]"
       ]
@@ -3552,6 +3560,12 @@
         "@types/react"
       ]
     },
+    "@types/[email protected]_@[email protected]": {
+      "integrity": "sha512-HHM3nxyUZ3zAylX8ZEyrDNd2XZOnQ0D5XfunJF5FLQnZbHHYq4UWvW1QfelQNXv1ICNkwYhfxjwfnqivYB6bFg==",
+      "dependencies": [
+        "@types/react"
+      ]
+    },
     "@types/[email protected]": {
       "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==",
       "dependencies": [
@@ -3848,8 +3862,12 @@
     "[email protected]": {
       "integrity": "sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug=="
     },
-    "[email protected]": {
+    "[email protected][email protected]_@[email protected]": {
-      "integrity": "sha512-LTCos3SmOJHrag0qF91tLUZMMw6wA+i15ESRBp71pvfNlTMYcxYoJHJ/pvFhd+29Wm5vfgVxBHV7kP5OKUUipg=="
+      "integrity": "sha512-0ou8fJWxUXK/+eRjUz5unbtX8Mrn0OYRs6QQwwUJtU6hsFDTSmSeI1fJC/2nrPA4G6GWcxwT+O6TbHyGhl4fEg==",
+      "dependencies": [
+        "@types/react-reconciler",
+        "react"
+      ]
     },
     "[email protected]": {
       "integrity": "sha512-k8TVBiPkPJT9uHLdOKfFpqcfprwBFOAAXXozRubr7R7PfIuKvQlzcI4M0pALeqXN09vdaMbUdUj+pass+uULAg=="
@@ -5777,8 +5795,8 @@
         "use-sidecar"
       ]
     },
-    "react-scan@0.2.8[email protected][email protected][email protected][email protected]": {
+    "react-scan@0.3.2[email protected][email protected][email protected][email protected]_@[email protected]": {
-      "integrity": "sha512-+6Gvu9b0UMmzV0JkigA7Y2YcjQABiNrweP9l9j8nrutN5OAYLRe4JgfwiUohPFngMD+Y6I5N0kW+okXhvVLGUw==",
+      "integrity": "sha512-lJb/klITqM95+MT+tR4nhfMl+ApXUeQ4iH0A0CsKYKkc66Wu01bOv+SxzZR1ksIPUWon7m2S3/83maZENtLEAQ==",
       "dependencies": [
         "@babel/core",
         "@babel/generator",
@@ -5787,8 +5805,8 @@
         "@clack/prompts",
         "@pivanov/utils",
         "@preact/signals",
-        "@rollup/[email protected][email protected]",
+        "@rollup/[email protected]",
-        "@types/[email protected]2",
+        "@types/[email protected]4",
         "bippy",
         "[email protected]",
         "[email protected]",
@@ -7151,7 +7169,7 @@
         "npm:react-hook-form@^7.54.2",
         "npm:[email protected]",
         "npm:react-qrcode-logo@3",
-        "npm:react-scan@~0.2.8",
+        "npm:react-scan@~0.3.2",
         "npm:react@19",
         "npm:rfc4648@^1.5.4",
         "npm:simple-git-hooks@^2.11.1",

package.json

@@ -12,7 +12,6 @@
     "format": "deno fmt src/",
     "dev": "deno task dev:ui",
     "dev:ui": "deno run -A npm:vite dev",
-    "dev:scan": "VITE_DEBUG_SCAN=true deno task dev:ui",
     "test": "deno run -A npm:vitest",
     "preview": "deno run -A npm:vite preview",
     "package": "gzipper c -i html,js,css,png,ico,svg,webmanifest,txt dist dist/output && tar -cvf dist/build.tar -C ./dist/output/ ."
@@ -72,10 +71,8 @@
     "react-hook-form": "^7.54.2",
     "react-map-gl": "8.0.1",
     "react-qrcode-logo": "^3.0.0",
-    "react-scan": "^0.2.8",
     "rfc4648": "^1.5.4",
     "vite-plugin-node-polyfills": "^0.23.0",
-
     "zustand": "5.0.3"
   },
   "devDependencies": {

src/index.tsx

@@ -1,4 +1,3 @@
-import { scan } from "react-scan";
 import "@app/index.css";
 import { enableMapSet } from "immer";
 import "maplibre-gl/dist/maplibre-gl.css";
@@ -7,13 +6,6 @@ import { createRoot } from "react-dom/client";
 
 import { App } from "@app/App.tsx";
 
-// run react scan tool in development mode only
-// react scan must be the first import and the first line in this file in order to work properly
-import.meta.env.VITE_DEBUG_SCAN &&
-  scan({
-    enabled: true,
-  });
-
 const container = document.getElementById("root") as HTMLElement;
 const root = createRoot(container);
 

vite.config.ts

@@ -48,7 +48,4 @@ export default defineConfig({
       'Cross-Origin-Embedder-Policy': 'require-corp',
     }
   },
-  optimizeDeps: {
-    exclude: ['react-scan']
-  },
 });