diff --git a/ui/package.json b/ui/package.json
index e0bb34221a8..afbf32896da 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -65,6 +65,7 @@
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
     "arg": "5.0.2",
+    "babel-plugin-react-compiler": "1.0.0",
     "chromatic": "11.29.0",
     "css-loader": "6.11.0",
     "eslint": "8.45.0",
@@ -78,7 +79,7 @@
     "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-promise": "6.6.0",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-standard": "5.0.0",
     "eslint-plugin-storybook": "0.12.0",
     "eslint-plugin-typescript-enum": "2.1.0",
@@ -98,6 +99,7 @@
     "postcss": "8.5.8",
     "prettier": "3.6.2",
     "prettier-plugin-tailwindcss": "^0.4.0",
+    "react-compiler-runtime": "1.0.0",
     "react-is": "18.3.1",
     "react-test-renderer": "18.3.1",
     "replace-in-files": "3.0.0",
diff --git a/ui/packages/app/web/package.json b/ui/packages/app/web/package.json
index 3c0cf27713e..d3ca0e64b67 100644
--- a/ui/packages/app/web/package.json
+++ b/ui/packages/app/web/package.json
@@ -63,12 +63,14 @@
   },
   "devDependencies": {
     "@types/lodash.throttle": "4.1.9",
-    "@vitejs/plugin-react-swc": "3.11.0",
+    "@vitejs/plugin-react": "4.7.0",
+    "babel-plugin-react-compiler": "1.0.0",
     "css-loader": "6.11.0",
     "eslint-config-prettier": "8.10.2",
     "eslint-plugin-import": "2.32.0",
     "jest": "29.7.0",
     "jest-runtime": "29.7.0",
+    "react-compiler-runtime": "1.0.0",
     "tslint": "6.1.3",
     "tslint-config-prettier": "1.18.0",
     "tslint-plugin-prettier": "2.3.0",
diff --git a/ui/packages/app/web/src/components/ui/Navbar.tsx b/ui/packages/app/web/src/components/ui/Navbar.tsx
index d16f3935de0..0f8d0470fc3 100644
--- a/ui/packages/app/web/src/components/ui/Navbar.tsx
+++ b/ui/packages/app/web/src/components/ui/Navbar.tsx
@@ -61,7 +61,7 @@ const Navbar = () => {
   const compareA = queryParams.get('compare_a');
   const compareB = queryParams.get('compare_b');
 
-  const queryParamsURL = parseParams(window.location.search);
+  const queryParamsURL = parseParams(location.search);
 
   /* eslint-disable @typescript-eslint/naming-convention */
   const {
diff --git a/ui/packages/app/web/src/pages/index.tsx b/ui/packages/app/web/src/pages/index.tsx
index 063d3c38d3d..a1af24e394a 100644
--- a/ui/packages/app/web/src/pages/index.tsx
+++ b/ui/packages/app/web/src/pages/index.tsx
@@ -14,7 +14,7 @@
 import {useCallback} from 'react';
 
 import {GrpcWebFetchTransport} from '@protobuf-ts/grpcweb-transport';
-import {useNavigate} from 'react-router-dom';
+import {useLocation, useNavigate} from 'react-router-dom';
 
 import {QueryServiceClient} from '@parca/client';
 import {ParcaContextProvider, Spinner, URLStateProvider} from '@parca/components';
@@ -31,7 +31,12 @@ const queryClient = new QueryServiceClient(
 );
 
 const Profiles = () => {
+  'use no memo';
   const navigate = useNavigate();
+  // useLocation() subscribes to react-router location changes so this component
+  // re-renders on navigate(). 'use no memo' ensures the re-render propagates to
+  // URLStateProvider, whose no-deps effect syncs state from window.location.search.
+  useLocation();
   const isDarkMode = useAppSelector(selectDarkMode);
 
   const navigateTo = useCallback(
diff --git a/ui/packages/app/web/vite.config.ts b/ui/packages/app/web/vite.config.ts
index 72a68fca6c4..6b1411786a0 100644
--- a/ui/packages/app/web/vite.config.ts
+++ b/ui/packages/app/web/vite.config.ts
@@ -11,14 +11,29 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import react from '@vitejs/plugin-react-swc';
+import react from '@vitejs/plugin-react';
 import {defineConfig} from 'vite';
 import svgr from 'vite-plugin-svgr';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  // @ts-expect-error
-  plugins: [react(), svgr()],
+  // cast needed: dual @types/node versions create incompatible vite Plugin types
+  plugins: [
+    react({
+      babel: {
+        plugins: [
+          [
+            'babel-plugin-react-compiler',
+            {
+              target: '18',
+              compilationMode: 'infer',
+            },
+          ],
+        ],
+      },
+    }),
+    svgr(),
+  ] as any,
   base: './',
   server: {
     port: 3000,
diff --git a/ui/packages/shared/components/src/DateTimeRangePicker/AbsoluteDatePicker/index.test.tsx b/ui/packages/shared/components/src/DateTimeRangePicker/AbsoluteDatePicker/index.test.tsx
new file mode 100644
index 00000000000..cad87483ac3
--- /dev/null
+++ b/ui/packages/shared/components/src/DateTimeRangePicker/AbsoluteDatePicker/index.test.tsx
@@ -0,0 +1,45 @@
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+/* eslint-disable jest-dom/prefer-to-have-value */
+
+import {render} from '@testing-library/react';
+import {describe, expect, it, vi} from 'vitest';
+
+import {AbsoluteDate, DateTimeRange} from '../utils';
+import AbsoluteDatePicker from './index';
+
+describe('AbsoluteDatePicker', () => {
+  it('resyncs when an existing DateTimeRange instance is mutated', () => {
+    const range = new DateTimeRange(
+      new AbsoluteDate(new Date('2023-12-01T10:00:00Z')),
+      new AbsoluteDate(new Date('2023-12-01T15:30:00Z'))
+    );
+
+    const {rerender, getAllByRole} = render(
+      <AbsoluteDatePicker range={range} onChange={vi.fn()} />
+    );
+
+    const [startInput, endInput] = getAllByRole('textbox');
+    expect((startInput as HTMLInputElement).value).toBe('2023-12-01 10:00:00');
+    expect((endInput as HTMLInputElement).value).toBe('2023-12-01 15:30:00');
+
+    range.from = new AbsoluteDate(new Date('2023-12-02T08:15:00Z'));
+    range.to = new AbsoluteDate(new Date('2023-12-02T09:45:00Z'));
+
+    rerender(<AbsoluteDatePicker range={range} onChange={vi.fn()} />);
+
+    expect((startInput as HTMLInputElement).value).toBe('2023-12-02 08:15:00');
+    expect((endInput as HTMLInputElement).value).toBe('2023-12-02 09:45:00');
+  });
+});
diff --git a/ui/packages/shared/components/src/DateTimeRangePicker/AbsoluteDatePicker/index.tsx b/ui/packages/shared/components/src/DateTimeRangePicker/AbsoluteDatePicker/index.tsx
index 6ad9206d586..5bdc43f3664 100644
--- a/ui/packages/shared/components/src/DateTimeRangePicker/AbsoluteDatePicker/index.tsx
+++ b/ui/packages/shared/components/src/DateTimeRangePicker/AbsoluteDatePicker/index.tsx
@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {useEffect, useMemo, useState} from 'react';
+import {useState} from 'react';
 
 import {DateTimePicker} from '../../DateTimePicker';
 import {AbsoluteDate, DateTimeRange, RelativeDate, getHistoricalDate} from '../utils';
@@ -22,52 +22,24 @@ interface AbsoluteDatePickerProps {
 }
 
 const AbsoluteDatePicker = ({range, onChange}: AbsoluteDatePickerProps): JSX.Element => {
-  const dateFromInRelative = useMemo(() => range.from as RelativeDate, [range.from]);
-  const dateToInRelative = useMemo(() => range.to as RelativeDate, [range.to]);
-
-  const [from, setFrom] = useState<AbsoluteDate>(
-    range.from.isRelative()
-      ? new AbsoluteDate(
-          getHistoricalDate({
-            unit: dateFromInRelative.unit,
-            value: dateFromInRelative.value,
-          })
-        )
-      : (range.from as AbsoluteDate)
-  );
-  const [to, setTo] = useState<AbsoluteDate>(
-    range.to.isRelative()
+  const toAbsolute = (d: RelativeDate | AbsoluteDate): AbsoluteDate =>
+    d.isRelative()
       ? new AbsoluteDate(
-          getHistoricalDate({
-            unit: dateToInRelative.unit,
-            value: dateToInRelative.value,
-          })
+          getHistoricalDate({unit: (d as RelativeDate).unit, value: (d as RelativeDate).value})
         )
-      : (range.to as AbsoluteDate)
-  );
+      : (d as AbsoluteDate);
+
+  const [from, setFrom] = useState<AbsoluteDate>(() => toAbsolute(range.from));
+  const [to, setTo] = useState<AbsoluteDate>(() => toAbsolute(range.to));
+  const [prevRangeFrom, setPrevRangeFrom] = useState(range.from);
+  const [prevRangeTo, setPrevRangeTo] = useState(range.to);
 
-  useEffect(() => {
-    setFrom(
-      range.from.isRelative()
-        ? new AbsoluteDate(
-            getHistoricalDate({
-              unit: dateFromInRelative.unit,
-              value: dateFromInRelative.value,
-            })
-          )
-        : (range.from as AbsoluteDate)
-    );
-    setTo(
-      range.to.isRelative()
-        ? new AbsoluteDate(
-            getHistoricalDate({
-              unit: dateToInRelative.unit,
-              value: dateToInRelative.value,
-            })
-          )
-        : (range.to as AbsoluteDate)
-    );
-  }, [dateFromInRelative, dateToInRelative, range.from, range.to]);
+  if (prevRangeFrom !== range.from || prevRangeTo !== range.to) {
+    setPrevRangeFrom(range.from);
+    setPrevRangeTo(range.to);
+    setFrom(toAbsolute(range.from));
+    setTo(toAbsolute(range.to));
+  }
 
   return (
     <div className="flex flex-col w-[80%] mx-auto">
diff --git a/ui/packages/shared/components/src/ResponsiveSvg/index.tsx b/ui/packages/shared/components/src/ResponsiveSvg/index.tsx
index 6daec421439..f491b231822 100644
--- a/ui/packages/shared/components/src/ResponsiveSvg/index.tsx
+++ b/ui/packages/shared/components/src/ResponsiveSvg/index.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/set-state-in-effect */
+
 import {Children, useEffect, useState} from 'react';
 
 import {useContainerDimensions} from '@parca/hooks';
@@ -33,6 +35,7 @@ const addPropsToChildren = (children: JSX.Element, props: {[x: string]: any}): J
 };
 
 const ResponsiveSvg = (props: Props): JSX.Element => {
+  'use no memo';
   const {children} = props;
   const {ref, dimensions} = useContainerDimensions();
   const {width} = dimensions ?? {width: 0};
diff --git a/ui/packages/shared/components/src/Table/index.tsx b/ui/packages/shared/components/src/Table/index.tsx
index f11d4aea0df..4c708675bfc 100644
--- a/ui/packages/shared/components/src/Table/index.tsx
+++ b/ui/packages/shared/components/src/Table/index.tsx
@@ -139,6 +139,7 @@ const Table = <T,>({
   scrollToIndex,
   estimatedRowHeight = 26,
 }: Props<T>): JSX.Element => {
+  'use no memo';
   const [sorting, setSorting] = useState<SortingState>(initialSorting);
   const tableContainerRef = useRef<HTMLDivElement>(null);
   const scrollingRef = useRef<number>();
diff --git a/ui/packages/shared/profile/src/GraphTooltipArrow/index.tsx b/ui/packages/shared/profile/src/GraphTooltipArrow/index.tsx
index 969d466fc6a..1fa035cba37 100644
--- a/ui/packages/shared/profile/src/GraphTooltipArrow/index.tsx
+++ b/ui/packages/shared/profile/src/GraphTooltipArrow/index.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/refs */
+
 import React, {useEffect, useState} from 'react';
 
 import {flip, offset, shift, useFloating, type VirtualElement} from '@floating-ui/react';
@@ -39,6 +41,7 @@ function createPositionedVirtualElement(contextElement: Element, x = 0, y = 0):
 }
 
 const GraphTooltip = ({children, contextElement}: GraphTooltipProps): React.JSX.Element => {
+  'use no memo';
   const [isPositioned, setIsPositioned] = useState(false);
 
   const {refs, floatingStyles, update} = useFloating({
diff --git a/ui/packages/shared/profile/src/MatchersInput/SuggestionsList.test.tsx b/ui/packages/shared/profile/src/MatchersInput/SuggestionsList.test.tsx
new file mode 100644
index 00000000000..50a08fcf8c7
--- /dev/null
+++ b/ui/packages/shared/profile/src/MatchersInput/SuggestionsList.test.tsx
@@ -0,0 +1,70 @@
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import {useRef} from 'react';
+
+import {act, fireEvent, render} from '@testing-library/react';
+import {beforeAll, describe, expect, it, vi} from 'vitest';
+
+import SuggestionsList, {Suggestion, Suggestions} from './SuggestionsList';
+
+vi.mock('@parca/components', () => ({
+  RefreshButton: ({title}: {title: string}) => <button type="button">{title}</button>,
+  useParcaContext: () => ({
+    loader: <div>loading</div>,
+  }),
+}));
+
+beforeAll(() => {
+  Element.prototype.scrollIntoView = vi.fn();
+});
+
+const TestHarness = ({inputKey = 'initial'}: {inputKey?: string}): JSX.Element => {
+  const inputRef = useRef<HTMLTextAreaElement | null>(null);
+  const suggestions = new Suggestions();
+  suggestions.labelNames.push(new Suggestion('labelName', 'na', 'namespace'));
+
+  return (
+    <div>
+      <textarea key={inputKey} ref={inputRef} />
+      <SuggestionsList
+        suggestions={suggestions}
+        applySuggestion={vi.fn()}
+        inputRef={inputRef}
+        runQuery={vi.fn()}
+        focusedInput
+        isLabelNamesLoading={false}
+        isLabelValuesLoading={false}
+        shouldTrimPrefix={false}
+        refetchLabelValues={vi.fn(async () => {})}
+        refetchLabelNames={vi.fn(async () => {})}
+      />
+    </div>
+  );
+};
+
+describe('SuggestionsList', () => {
+  it('rebinds keyboard listeners when the textarea ref points to a remounted node', () => {
+    const {rerender, getByRole, getByText} = render(<TestHarness inputKey="first" />);
+
+    rerender(<TestHarness inputKey="second" />);
+
+    const textarea = getByRole('textbox');
+    act(() => {
+      fireEvent.keyDown(textarea, {key: 'ArrowDown'});
+    });
+
+    // eslint-disable-next-line jest-dom/prefer-to-have-class
+    expect(getByText('namespace').className).toContain('bg-indigo-600');
+  });
+});
diff --git a/ui/packages/shared/profile/src/MatchersInput/SuggestionsList.tsx b/ui/packages/shared/profile/src/MatchersInput/SuggestionsList.tsx
index 37027c67928..69edbd4d932 100644
--- a/ui/packages/shared/profile/src/MatchersInput/SuggestionsList.tsx
+++ b/ui/packages/shared/profile/src/MatchersInput/SuggestionsList.tsx
@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {Fragment, useCallback, useEffect, useState} from 'react';
+import React, {Fragment, useCallback, useEffect, useState} from 'react';
 
 import {Transition} from '@headlessui/react';
 import {usePopper} from 'react-popper';
@@ -48,7 +48,7 @@ export class Suggestions {
 interface Props {
   suggestions: Suggestions;
   applySuggestion: (suggestion: Suggestion) => void;
-  inputRef: HTMLTextAreaElement | null;
+  inputRef: React.RefObject<HTMLTextAreaElement | null>;
   runQuery: () => void;
   focusedInput: boolean;
   isLabelNamesLoading: boolean;
@@ -82,7 +82,7 @@ const SuggestionsList = ({
   refetchLabelNames,
 }: Props): JSX.Element => {
   const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);
-  const {styles, attributes} = usePopper(inputRef, popperElement, {
+  const {styles, attributes} = usePopper(inputRef.current, popperElement, {
     placement: 'bottom-start',
   });
   const [highlightedSuggestionIndex, setHighlightedSuggestionIndex] = useState<number>(-1);
@@ -227,18 +227,19 @@ const SuggestionsList = ({
   );
 
   useEffect(() => {
-    if (inputRef == null) {
+    const el = inputRef.current;
+    if (el == null) {
       return;
     }
 
-    inputRef.addEventListener('keydown', handleKeyDown);
-    inputRef.addEventListener('keypress', handleKeyPress as any);
+    el.addEventListener('keydown', handleKeyDown);
+    el.addEventListener('keypress', handleKeyPress as any);
 
     return () => {
-      inputRef.removeEventListener('keydown', handleKeyDown);
-      inputRef.removeEventListener('keypress', handleKeyPress as any);
+      el.removeEventListener('keydown', handleKeyDown);
+      el.removeEventListener('keypress', handleKeyPress as any);
     };
-  }, [inputRef, highlightedSuggestionIndex, suggestions, handleKeyPress, handleKeyDown]);
+  });
 
   useEffect(() => {
     if (suggestionsLength > 0 && focusedInput) {
@@ -263,7 +264,7 @@ const SuggestionsList = ({
             leaveTo="opacity-0"
           >
             <div
-              style={{width: inputRef?.offsetWidth}}
+              style={{width: inputRef.current?.offsetWidth}}
               className="absolute z-10 mt-1 max-h-[400px] rounded-md bg-gray-50 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-gray-900 sm:text-sm flex flex-col"
             >
               <div className="flex-1 overflow-auto min-h-0">
diff --git a/ui/packages/shared/profile/src/MatchersInput/index.tsx b/ui/packages/shared/profile/src/MatchersInput/index.tsx
index 9b763e13de4..ead486d853c 100644
--- a/ui/packages/shared/profile/src/MatchersInput/index.tsx
+++ b/ui/packages/shared/profile/src/MatchersInput/index.tsx
@@ -211,7 +211,7 @@ const MatchersInput = ({setDraftMatchers, draftParsedQuery, commitDraft}: Props)
         isLabelNamesLoading={isLabelNamesLoading}
         suggestions={suggestionSections}
         applySuggestion={applySuggestion}
-        inputRef={inputRef.current}
+        inputRef={inputRef}
         runQuery={commitDraft}
         focusedInput={focusedInput}
         isLabelValuesLoading={
diff --git a/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx b/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx
index 921719e66ad..876f6eb5c06 100644
--- a/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx
+++ b/ui/packages/shared/profile/src/MetricsGraph/MetricsTooltip/index.tsx
@@ -11,7 +11,9 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {useEffect, useMemo, useState} from 'react';
+/* eslint-disable react-hooks/refs */
+
+import {useLayoutEffect, useRef, useState} from 'react';
 
 import {usePopper} from 'react-popper';
 
@@ -28,21 +30,16 @@ interface Props {
   content: React.ReactNode;
 }
 
-const virtualElement: VirtualElement = {
-  getBoundingClientRect: () => {
-    const emptyRect: DOMRect = {
-      width: 0,
-      height: 0,
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0,
-      x: 0,
-      y: 0,
-      toJSON: () => ({}),
-    };
-    return emptyRect;
-  },
+const emptyRect: DOMRect = {
+  width: 0,
+  height: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  x: 0,
+  y: 0,
+  toJSON: () => ({}),
 };
 
 const createDomRect = (x: number, y: number): DOMRect => {
@@ -61,9 +58,13 @@ const createDomRect = (x: number, y: number): DOMRect => {
 };
 
 const MetricsTooltip = ({x, y, contextElement, content}: Props): JSX.Element => {
+  'use no memo';
   const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);
+  const virtualElementRef = useRef<VirtualElement>({
+    getBoundingClientRect: () => emptyRect,
+  });
 
-  const {styles, attributes, update} = usePopper(virtualElement, popperElement, {
+  const {styles, attributes, update} = usePopper(virtualElementRef.current, popperElement, {
     placement: 'auto-start',
     strategy: 'absolute',
     modifiers: [
@@ -82,26 +83,13 @@ const MetricsTooltip = ({x, y, contextElement, content}: Props): JSX.Element =>
     ],
   });
 
-  useMemo(() => {
-    virtualElement.getBoundingClientRect = (): DOMRect => {
-      const domRect: DOMRect = (contextElement as Element)?.getBoundingClientRect() ?? {
-        width: 0,
-        height: 0,
-        top: 0,
-        right: 0,
-        bottom: 0,
-        left: 0,
-        x: 0,
-        y: 0,
-        toJSON: () => ({}),
-      };
+  useLayoutEffect(() => {
+    virtualElementRef.current.getBoundingClientRect = (): DOMRect => {
+      const domRect: DOMRect = (contextElement as Element)?.getBoundingClientRect() ?? emptyRect;
       return createDomRect(domRect.x + x, domRect.y + y);
     };
-  }, [x, y, contextElement]);
-
-  useEffect(() => {
     void update?.();
-  }, [x, y, update]);
+  }, [x, y, contextElement, update]);
 
   // Don't render anything if content is null or undefined
   if (content == null) {
diff --git a/ui/packages/shared/profile/src/PreSelectedMatchers/index.tsx b/ui/packages/shared/profile/src/PreSelectedMatchers/index.tsx
index eb3d66ac0fd..74eabd153b9 100644
--- a/ui/packages/shared/profile/src/PreSelectedMatchers/index.tsx
+++ b/ui/packages/shared/profile/src/PreSelectedMatchers/index.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/refs */
+
 import React, {useCallback, useEffect, useRef, useState} from 'react';
 
 import {Icon} from '@iconify/react';
@@ -29,6 +31,7 @@ interface Props {
 }
 
 const PreSelectedMatchers: React.FC<Props> = ({labelNames}) => {
+  'use no memo';
   const [labelValuesMap, setLabelValuesMap] = useState<Record<string, string[]>>({});
   const [isLoading, setIsLoading] = useState<Record<string, boolean>>({});
   const metadata = useGrpcMetadata();
diff --git a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TextWithEllipsis.tsx b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TextWithEllipsis.tsx
index d020ace0ac7..03e9887d147 100644
--- a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TextWithEllipsis.tsx
+++ b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TextWithEllipsis.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/set-state-in-effect */
+
 import {useEffect, useRef, useState} from 'react';
 
 import {useURLState} from '@parca/components';
@@ -64,6 +66,7 @@ function calculateTruncatedText(
 }
 
 function TextWithEllipsis({text, x, y, width}: Props): JSX.Element {
+  'use no memo';
   const textRef = useRef<SVGTextElement>(null);
   const [displayText, setDisplayText] = useState(text);
   const [alignFunctionName] = useURLState('align_function_name');
diff --git a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TooltipContext.tsx b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TooltipContext.tsx
index 9688054782e..66350e32690 100644
--- a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TooltipContext.tsx
+++ b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/TooltipContext.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/refs */
+
 import React, {createContext, useCallback, useContext, useMemo, useRef} from 'react';
 
 import {Table} from '@uwdata/flechette';
@@ -68,6 +70,7 @@ export const TooltipProvider: React.FC<TooltipProviderProps> = ({
   onTooltipUpdate,
   tooltipId = 'default',
 }) => {
+  'use no memo';
   const tooltipStateRef = useRef<TooltipState>({row: null, x: 0, y: 0});
 
   const updateTooltip = useCallback(
diff --git a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/ZoomControls.tsx b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/ZoomControls.tsx
index 4e9fe332081..c21253d4063 100644
--- a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/ZoomControls.tsx
+++ b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/ZoomControls.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/refs */
+
 import React from 'react';
 
 import {Icon} from '@iconify/react';
@@ -33,6 +35,7 @@ export const ZoomControls = ({
   resetZoom,
   portalRef,
 }: ZoomControlsProps): React.JSX.Element => {
+  'use no memo';
   const controls = (
     <div className="flex items-center gap-1 rounded-md border border-gray-200 bg-white/90 px-1 py-0.5 shadow-sm backdrop-blur-sm dark:border-gray-600 dark:bg-gray-800/90">
       <button
diff --git a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/useBatchedRendering.ts b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/useBatchedRendering.ts
index f5a612bae96..2dff94c4f67 100644
--- a/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/useBatchedRendering.ts
+++ b/ui/packages/shared/profile/src/ProfileFlameGraph/FlameGraphArrow/useBatchedRendering.ts
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/set-state-in-effect */
+
 import {useEffect, useRef, useState} from 'react';
 
 interface UseBatchedRenderingOptions {
@@ -29,6 +31,7 @@ export const useBatchedRendering = <T>(
   items: T[],
   options: UseBatchedRenderingOptions = {}
 ): UseBatchedRenderingResult<T> => {
+  'use no memo';
   const {batchSize = 500, batchDelay = 0} = options;
 
   const [renderedCount, setRenderedCount] = useState(0);
diff --git a/ui/packages/shared/profile/src/ProfileSelector/index.tsx b/ui/packages/shared/profile/src/ProfileSelector/index.tsx
index e44d2185c5f..07802ca1cb8 100644
--- a/ui/packages/shared/profile/src/ProfileSelector/index.tsx
+++ b/ui/packages/shared/profile/src/ProfileSelector/index.tsx
@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {Dispatch, SetStateAction, useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import {Dispatch, SetStateAction, useCallback, useMemo, useRef, useState} from 'react';
 
 import {RpcError} from '@protobuf-ts/runtime-rpc';
 
@@ -154,7 +154,20 @@ const ProfileSelector = ({
   );
 
   // Sync local timeRangeSelection when URL state changes externally (e.g., "Switch to 1 minute" button)
-  useEffect(() => {
+  const [prevQueryTimeSelection, setPrevQueryTimeSelection] = useState(
+    querySelection.timeSelection
+  );
+  const [prevQueryFrom, setPrevQueryFrom] = useState(querySelection.from);
+  const [prevQueryTo, setPrevQueryTo] = useState(querySelection.to);
+
+  if (
+    prevQueryTimeSelection !== querySelection.timeSelection ||
+    prevQueryFrom !== querySelection.from ||
+    prevQueryTo !== querySelection.to
+  ) {
+    setPrevQueryTimeSelection(querySelection.timeSelection);
+    setPrevQueryFrom(querySelection.from);
+    setPrevQueryTo(querySelection.to);
     setTimeRangeSelection(
       DateTimeRange.fromRangeKey(
         querySelection.timeSelection,
@@ -162,7 +175,7 @@ const ProfileSelector = ({
         querySelection.to
       )
     );
-  }, [querySelection.timeSelection, querySelection.from, querySelection.to]);
+  }
 
   const [queryExpressionString, setQueryExpressionString] = useState(draftSelection.expression);
 
@@ -198,18 +211,28 @@ const ProfileSelector = ({
     return result.response?.labelNames === undefined ? [] : result.response.labelNames;
   }, [result]);
 
-  useEffect(() => {
+  const [prevEnforcedProfileName, setPrevEnforcedProfileName] = useState(enforcedProfileName);
+  const [prevQueryExpression, setPrevQueryExpression] = useState(querySelection.expression);
+
+  if (
+    prevEnforcedProfileName !== enforcedProfileName ||
+    prevQueryExpression !== querySelection.expression
+  ) {
+    setPrevEnforcedProfileName(enforcedProfileName);
+    setPrevQueryExpression(querySelection.expression);
     if (enforcedProfileName !== '') {
       const [q, changed] = Query.parse(querySelection.expression).setProfileName(
         enforcedProfileName
       );
       if (changed) {
         setQueryExpressionString(q.toString());
-        return;
+      } else {
+        setQueryExpressionString(querySelection.expression);
       }
+    } else {
+      setQueryExpressionString(querySelection.expression);
     }
-    setQueryExpressionString(querySelection.expression);
-  }, [enforcedProfileName, querySelection.expression]);
+  }
 
   const enforcedProfileNameQuery = (): Query => {
     const pq = Query.parse(queryExpressionString);
diff --git a/ui/packages/shared/profile/src/ProfileView/components/Toolbars/MultiLevelDropdown.tsx b/ui/packages/shared/profile/src/ProfileView/components/Toolbars/MultiLevelDropdown.tsx
index 85d88da10e3..f1d1212096d 100644
--- a/ui/packages/shared/profile/src/ProfileView/components/Toolbars/MultiLevelDropdown.tsx
+++ b/ui/packages/shared/profile/src/ProfileView/components/Toolbars/MultiLevelDropdown.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/set-state-in-effect */
+
 import React, {useCallback, useEffect, useRef, useState} from 'react';
 
 import {Menu} from '@headlessui/react';
@@ -73,6 +75,7 @@ const MenuItem: React.FC<MenuItemProps> = ({
   customSubmenu,
   renderAsDiv = false,
 }) => {
+  'use no memo';
   const menuRef = useRef<HTMLDivElement>(null);
   const [shouldOpenLeft, setShouldOpenLeft] = useState(false);
 
diff --git a/ui/packages/shared/profile/src/ProfileView/components/VisualizationContainer/index.tsx b/ui/packages/shared/profile/src/ProfileView/components/VisualizationContainer/index.tsx
index 54394a00ec1..5250041de49 100644
--- a/ui/packages/shared/profile/src/ProfileView/components/VisualizationContainer/index.tsx
+++ b/ui/packages/shared/profile/src/ProfileView/components/VisualizationContainer/index.tsx
@@ -11,6 +11,8 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
+/* eslint-disable react-hooks/refs */
+
 import {FC} from 'react';
 
 import cx from 'classnames';
@@ -42,6 +44,7 @@ export const VisualizationContainer: FC<VisualizationContainerProps> = ({
   index,
   actionButtons,
 }) => {
+  'use no memo';
   const {handleClosePanel} = useDashboard();
 
   return (
diff --git a/ui/packages/shared/profile/src/Table/hooks/useTableConfiguration.tsx b/ui/packages/shared/profile/src/Table/hooks/useTableConfiguration.tsx
index 791c8517482..1110ef37f50 100644
--- a/ui/packages/shared/profile/src/Table/hooks/useTableConfiguration.tsx
+++ b/ui/packages/shared/profile/src/Table/hooks/useTableConfiguration.tsx
@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {useEffect, useMemo, useState} from 'react';
+import {useMemo} from 'react';
 
 import {createColumnHelper, type ColumnDef} from '@tanstack/table-core';
 
@@ -47,8 +47,8 @@ export function useTableConfiguration({
     alwaysReturnArray: true,
   });
 
-  const [columnVisibility, setColumnVisibility] = useState(() => {
-    return {
+  const columnVisibility = useMemo(() => {
+    const defaults: Record<string, boolean> = {
       color: true,
       flat: true,
       flatPercentage: false,
@@ -63,19 +63,13 @@ export function useTableConfiguration({
       functionFileName: false,
       mappingFile: false,
     };
-  });
-
-  useEffect(() => {
     if (Array.isArray(tableColumns)) {
-      setColumnVisibility(prevState => {
-        const newState = {...prevState};
-        (Object.keys(newState) as ColumnName[]).forEach(column => {
-          newState[column] = tableColumns.includes(column);
-        });
-        return newState;
+      (Object.keys(defaults) as ColumnName[]).forEach(column => {
+        defaults[column] = tableColumns.includes(column);
       });
     }
-  }, [tableColumns]);
+    return defaults;
+  }, [tableColumns, compareMode]);
 
   const columns = useMemo<Array<ColumnDef<Row>>>(() => {
     const baseColumns: Array<ColumnDef<Row>> = [
diff --git a/ui/packages/shared/profile/src/useDelayedLoader.ts b/ui/packages/shared/profile/src/useDelayedLoader.ts
index d54d12b7a8f..70ddbb75055 100644
--- a/ui/packages/shared/profile/src/useDelayedLoader.ts
+++ b/ui/packages/shared/profile/src/useDelayedLoader.ts
@@ -18,20 +18,20 @@ interface DelayedLoaderOptions {
 }
 
 const useDelayedLoader = (isLoading = false, options?: DelayedLoaderOptions): boolean => {
+  'use no memo';
   const {delay = 500} = options ?? {};
   const [isLoaderVisible, setIsLoaderVisible] = useState<boolean>(false);
   useEffect(() => {
-    let showLoaderTimeout: ReturnType<typeof setTimeout>;
-    if (isLoading && !isLoaderVisible) {
-      // if the request takes longer than half a second, show the loading icon
-      showLoaderTimeout = setTimeout(() => {
-        setIsLoaderVisible(true);
-      }, delay);
-    } else if (!isLoading && isLoaderVisible) {
+    if (!isLoading) return;
+    // if the request takes longer than half a second, show the loading icon
+    const showLoaderTimeout = setTimeout(() => {
+      setIsLoaderVisible(true);
+    }, delay);
+    return () => {
+      clearTimeout(showLoaderTimeout);
       setIsLoaderVisible(false);
-    }
-    return () => clearTimeout(showLoaderTimeout);
-  }, [isLoading, isLoaderVisible, delay]);
+    };
+  }, [isLoading, delay]);
 
   return isLoaderVisible;
 };
diff --git a/ui/packages/shared/profile/src/useSumBy.ts b/ui/packages/shared/profile/src/useSumBy.ts
index 935a4c18c95..9c42e742496 100644
--- a/ui/packages/shared/profile/src/useSumBy.ts
+++ b/ui/packages/shared/profile/src/useSumBy.ts
@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
+import {useCallback, useMemo, useState} from 'react';
 
 import {QueryServiceClient} from '@parca/client';
 import {DateTimeRange} from '@parca/components';
@@ -70,14 +70,19 @@ export const useSumBySelection = (
   );
 
   // Update userSelectedSumBy when defaultValue changes (e.g., during navigation)
-  useEffect(() => {
+  const [prevProfileType, setPrevProfileType] = useState(profileType);
+  const [prevDefaultValue, setPrevDefaultValue] = useState(defaultValue);
+
+  if (prevProfileType !== profileType || prevDefaultValue !== defaultValue) {
+    setPrevProfileType(profileType);
+    setPrevDefaultValue(defaultValue);
     if (profileType != null && defaultValue !== undefined) {
       setUserSelectedSumBy(prev => ({
         ...prev,
         [profileType.toString()]: defaultValue,
       }));
     }
-  }, [profileType, defaultValue]);
+  }
 
   const setSumBy = useCallback(
     (sumBy: string[]) => {
@@ -97,19 +102,11 @@ export const useSumBySelection = (
 
   const {defaultSumBy} = useDefaultSumBy(profileType, labelNamesLoading, labels);
 
-  // Store the last valid sumBy value to return during loading
-  const lastValidSumByRef = useRef<string[]>(DEFAULT_EMPTY_SUM_BY);
-
   const sumBy = useMemo(() => {
-    if (labelNamesLoading) {
-      // For smoother UX, return draftSumBy first if available during loading
-      // as this must be recently computed with the draft time range labels.
-      if (draftSumBy !== undefined) {
-        return draftSumBy;
-      }
-      if (lastValidSumByRef.current == null) {
-        return lastValidSumByRef.current;
-      }
+    // For smoother UX, return draftSumBy first if available during loading
+    // as this must be recently computed with the draft time range labels.
+    if (labelNamesLoading && draftSumBy !== undefined) {
+      return draftSumBy;
     }
 
     // Prefer non-empty URL default over auto-computed default to avoid a
@@ -125,9 +122,6 @@ export const useSumBySelection = (
       result = DEFAULT_EMPTY_SUM_BY;
     }
 
-    // Store the computed value for next loading state
-    lastValidSumByRef.current = result;
-
     return result;
   }, [userSelectedSumBy, profileType, defaultSumBy, labelNamesLoading, draftSumBy, defaultValue]);
 
diff --git a/ui/pnpm-lock.yaml b/ui/pnpm-lock.yaml
index 9b548ddb1b3..68e132800fd 100644
--- a/ui/pnpm-lock.yaml
+++ b/ui/pnpm-lock.yaml
@@ -175,6 +175,9 @@ importers:
       arg:
         specifier: 5.0.2
         version: 5.0.2
+      babel-plugin-react-compiler:
+        specifier: 1.0.0
+        version: 1.0.0
       chromatic:
         specifier: 11.29.0
         version: 11.29.0
@@ -215,8 +218,8 @@ importers:
         specifier: 7.37.5
         version: 7.37.5(eslint@8.45.0)
       eslint-plugin-react-hooks:
-        specifier: 4.6.2
-        version: 4.6.2(eslint@8.45.0)
+        specifier: 7.0.1
+        version: 7.0.1(eslint@8.45.0)
       eslint-plugin-standard:
         specifier: 5.0.0
         version: 5.0.0(eslint@8.45.0)
@@ -274,6 +277,9 @@ importers:
       prettier-plugin-tailwindcss:
         specifier: ^0.4.0
         version: 0.4.1(@ianvs/prettier-plugin-sort-imports@3.7.2(prettier@3.6.2))(prettier@3.6.2)
+      react-compiler-runtime:
+        specifier: 1.0.0
+        version: 1.0.0(react@18.3.1)
       react-is:
         specifier: 18.3.1
         version: 18.3.1
@@ -446,9 +452,12 @@ importers:
       '@types/lodash.throttle':
         specifier: 4.1.9
         version: 4.1.9
-      '@vitejs/plugin-react-swc':
-        specifier: 3.11.0
-        version: 3.11.0(@swc/helpers@0.5.18)(vite@5.4.21(@types/node@24.10.9)(sass@1.90.0)(terser@5.46.0))
+      '@vitejs/plugin-react':
+        specifier: 4.7.0
+        version: 4.7.0(vite@5.4.21(@types/node@24.10.9)(sass@1.90.0)(terser@5.46.0))
+      babel-plugin-react-compiler:
+        specifier: 1.0.0
+        version: 1.0.0
       css-loader:
         specifier: 6.11.0
         version: 6.11.0(webpack@5.104.1(@swc/core@1.15.10(@swc/helpers@0.5.18))(esbuild@0.25.12))
@@ -464,6 +473,9 @@ importers:
       jest-runtime:
         specifier: 29.7.0
         version: 29.7.0
+      react-compiler-runtime:
+        specifier: 1.0.0
+        version: 1.0.0(react@18.3.1)
       tslint:
         specifier: 6.1.3
         version: 6.1.3(typescript@5.9.3)
@@ -596,7 +608,7 @@ importers:
         version: 1.14.0
       tailwindcss:
         specifier: 3.2.4
-        version: 3.2.4(postcss@8.5.8)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@18.19.130)(typescript@5.9.3))
+        version: 3.2.4(postcss@8.5.8)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@24.10.9)(typescript@5.9.3))
       tsc-watch:
         specifier: 6.3.1
         version: 6.3.1(typescript@5.9.3)
@@ -843,7 +855,7 @@ importers:
         version: 17.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       tailwindcss:
         specifier: 3.2.4
-        version: 3.2.4(postcss@8.5.8)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@18.19.130)(typescript@5.9.3))
+        version: 3.2.4(postcss@8.5.8)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@24.10.9)(typescript@5.9.3))
       tsc-watch:
         specifier: 6.3.1
         version: 6.3.1(typescript@5.9.3)
@@ -917,7 +929,7 @@ importers:
         version: 3.2.0(date-fns@3.6.0)
       tailwindcss:
         specifier: 3.2.4
-        version: 3.2.4(postcss@8.5.8)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@18.19.130)(typescript@5.9.3))
+        version: 3.2.4(postcss@8.5.8)(ts-node@10.9.2(@swc/core@1.15.10(@swc/helpers@0.5.18))(@types/node@24.10.9)(typescript@5.9.3))
       tsc-watch:
         specifier: 6.3.1
         version: 6.3.1(typescript@5.9.3)
@@ -1533,6 +1545,18 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
   '@babel/plugin-transform-react-jsx@7.28.6':
     resolution: {integrity: sha512-61bxqhiRfAACulXSLd/GxqmAedUSrRZIu/cbaT18T1CetkTmtDN15it7i80ru4DVqRK1WMxQhXs+Lf9kajm5Ow==}
     engines: {node: '>=6.9.0'}
@@ -2834,49 +2858,42 @@ packages:
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@napi-rs/nice-linux-arm64-musl@1.1.1':
     resolution: {integrity: sha512-+2Rzdb3nTIYZ0YJF43qf2twhqOCkiSrHx2Pg6DJaCPYhhaxbLcdlV8hCRMHghQ+EtZQWGNcS2xF4KxBhSGeutg==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@napi-rs/nice-linux-ppc64-gnu@1.1.1':
     resolution: {integrity: sha512-4FS8oc0GeHpwvv4tKciKkw3Y4jKsL7FRhaOeiPei0X9T4Jd619wHNe4xCLmN2EMgZoeGg+Q7GY7BsvwKpL22Tg==}
     engines: {node: '>= 10'}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@napi-rs/nice-linux-riscv64-gnu@1.1.1':
     resolution: {integrity: sha512-HU0nw9uD4FO/oGCCk409tCi5IzIZpH2agE6nN4fqpwVlCn5BOq0MS1dXGjXaG17JaAvrlpV5ZeyZwSon10XOXw==}
     engines: {node: '>= 10'}
     cpu: [riscv64]
     os: [linux]
-    libc: [glibc]
 
   '@napi-rs/nice-linux-s390x-gnu@1.1.1':
     resolution: {integrity: sha512-2YqKJWWl24EwrX0DzCQgPLKQBxYDdBxOHot1KWEq7aY2uYeX+Uvtv4I8xFVVygJDgf6/92h9N3Y43WPx8+PAgQ==}
     engines: {node: '>= 10'}
     cpu: [s390x]
     os: [linux]
-    libc: [glibc]
 
   '@napi-rs/nice-linux-x64-gnu@1.1.1':
     resolution: {integrity: sha512-/gaNz3R92t+dcrfCw/96pDopcmec7oCcAQ3l/M+Zxr82KT4DljD37CpgrnXV+pJC263JkW572pdbP3hP+KjcIg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@napi-rs/nice-linux-x64-musl@1.1.1':
     resolution: {integrity: sha512-xScCGnyj/oppsNPMnevsBe3pvNaoK7FGvMjT35riz9YdhB2WtTG47ZlbxtOLpjeO9SqqQ2J2igCmz6IJOD5JYw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@napi-rs/nice-openharmony-arm64@1.1.1':
     resolution: {integrity: sha512-6uJPRVwVCLDeoOaNyeiW0gp2kFIM4r7PL2MczdZQHkFi9gVlgm+Vn+V6nTWRcu856mJ2WjYJiumEajfSm7arPQ==}
@@ -3048,25 +3065,21 @@ packages:
     resolution: {integrity: sha512-NmPeCexWIZHW9RM3lDdFENN9C3WtlQ5L4RSNFESIjreS921rgePhulsszYdGnHdcnKPYlBBJnX/NxVsfioBbnQ==}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@nx/nx-linux-arm64-musl@22.3.3':
     resolution: {integrity: sha512-K02U88Q0dpvCfmSXXvY7KbYQSa1m+mkYeqDBRHp11yHk1GoIqaHp8oEWda7FV4gsriNExPSS5tX1/QGVoLZrCw==}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@nx/nx-linux-x64-gnu@22.3.3':
     resolution: {integrity: sha512-04TEbvgwRaB9ifr39YwJmWh3RuXb4Ry4m84SOJyjNXAfPrepcWgfIQn1VL2ul1Ybq+P023dLO9ME8uqFh6j1YQ==}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@nx/nx-linux-x64-musl@22.3.3':
     resolution: {integrity: sha512-uxBXx5q+S5OGatbYDxnamsKXRKlYn+Eq1nrCAHaf8rIfRoHlDiRV2PqtWuF+O2pxR5FWKpvr+/sZtt9rAf7KMw==}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@nx/nx-win32-arm64-msvc@22.3.3':
     resolution: {integrity: sha512-aOwlfD6ZA1K6hjZtbhBSp7s1yi3sHbMpLCa4stXzfhCCpKUv46HU/EdiWdE1N8AsyNFemPZFq81k1VTowcACdg==}
@@ -3167,42 +3180,36 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.4':
     resolution: {integrity: sha512-kGO8RPvVrcAotV4QcWh8kZuHr9bXi9a3bSZw7kFarYR0+fGliU7hd/zevhjw8fnvIKG3J9EO5G6sXNGCSNMYPQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.4':
     resolution: {integrity: sha512-KU75aooXhqGFY2W5/p8DYYHt4hrjHZod8AhcGAmhzPn/etTa+lYCDB2b1sJy3sWJ8ahFVTdy+EbqSBvMx3iFlw==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.4':
     resolution: {integrity: sha512-Qx8uNiIekVutnzbVdrgSanM+cbpDD3boB1f8vMtnuG5Zau4/bdDbXyKwIn0ToqFhIuob73bcxV9NwRm04/hzHQ==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.4':
     resolution: {integrity: sha512-UYBQvhYmgAv61LNUn24qGQdjtycFBKSK3EXr72DbJqX9aaLbtCOO8+1SkKhD/GNiJ97ExgcHBrukcYhVjrnogA==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.4':
     resolution: {integrity: sha512-YoRWCVgxv8akZrMhdyVi6/TyoeeMkQ0PGGOf2E4omODrvd1wxniXP+DBynKoHryStks7l+fDAMUBRzqNHrVOpg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.4':
     resolution: {integrity: sha512-iby+D/YNXWkiQNYcIhg8P5hSjzXEHaQrk2SLrWOUD7VeC4Ohu0WQvmV+HDJokZVJ2UjJ4AGXW3bx7Lls9Ln4TQ==}
@@ -3375,79 +3382,66 @@ packages:
     resolution: {integrity: sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.59.0':
     resolution: {integrity: sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.59.0':
     resolution: {integrity: sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.59.0':
     resolution: {integrity: sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.59.0':
     resolution: {integrity: sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==}
     cpu: [loong64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-loong64-musl@4.59.0':
     resolution: {integrity: sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==}
     cpu: [loong64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-ppc64-gnu@4.59.0':
     resolution: {integrity: sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-musl@4.59.0':
     resolution: {integrity: sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==}
     cpu: [ppc64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-riscv64-gnu@4.59.0':
     resolution: {integrity: sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==}
     cpu: [riscv64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.59.0':
     resolution: {integrity: sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==}
     cpu: [riscv64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.59.0':
     resolution: {integrity: sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==}
     cpu: [s390x]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.59.0':
     resolution: {integrity: sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.59.0':
     resolution: {integrity: sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-openbsd-x64@4.59.0':
     resolution: {integrity: sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==}
@@ -4018,28 +4012,24 @@ packages:
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@swc/core-linux-arm64-musl@1.15.10':
     resolution: {integrity: sha512-4uAHO3nbfbrTcmO/9YcVweTQdx5fN3l7ewwl5AEK4yoC4wXmoBTEPHAVdKNe4r9+xrTgd4BgyPsy0409OjjlMw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@swc/core-linux-x64-gnu@1.15.10':
     resolution: {integrity: sha512-W0h9ONNw1pVIA0cN7wtboOSTl4Jk3tHq+w2cMPQudu9/+3xoCxpFb9ZdehwCAk29IsvdWzGzY6P7dDVTyFwoqg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@swc/core-linux-x64-musl@1.15.10':
     resolution: {integrity: sha512-XQNZlLZB62S8nAbw7pqoqwy91Ldy2RpaMRqdRN3T+tAg6Xg6FywXRKCsLh6IQOadr4p1+lGnqM/Wn35z5a/0Vw==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@swc/core-win32-arm64-msvc@1.15.10':
     resolution: {integrity: sha512-qnAGrRv5Nj/DATxAmCnJQRXXQqnJwR0trxLndhoHoxGci9MuguNIjWahS0gw8YZFjgTinbTxOwzatkoySihnmw==}
@@ -4688,10 +4678,11 @@ packages:
   '@uwdata/flechette@2.3.0':
     resolution: {integrity: sha512-FdTqVEJZL4MwTv+vY1jOUMW2i5pr/G5S4BGdmQ/7wSOCtA0I74UP117kzXiKe1FrB5+ydM4tFxrCdF8Dq9WgNA==}
 
-  '@vitejs/plugin-react-swc@3.11.0':
-    resolution: {integrity: sha512-YTJCGFdNMHCMfjODYtxRNVAYmTWQ1Lb8PulP/2/f/oEEtglw8oKxKIZmmRkyXrVrHfsKOaVkAc3NT9/dMutO5w==}
+  '@vitejs/plugin-react@4.7.0':
+    resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
-      vite: ^4 || ^5 || ^6 || ^7
+      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
 
   '@vitest/expect@1.6.1':
     resolution: {integrity: sha512-jXL+9+ZNIJKruofqXuuTClf44eSpcHlgj3CiuNihUF3Ioujtmc0zIa3UJOW5RjDK1YLBJZnWBlPuqhYycLioog==}
@@ -5230,6 +5221,9 @@ packages:
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
+  babel-plugin-react-compiler@1.0.0:
+    resolution: {integrity: sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw==}
+
   babel-plugin-transform-react-remove-prop-types@0.4.24:
     resolution: {integrity: sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==}
 
@@ -6945,6 +6939,12 @@ packages:
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
 
+  eslint-plugin-react-hooks@7.0.1:
+    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+
   eslint-plugin-react@7.37.5:
     resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
     engines: {node: '>=4'}
@@ -7708,6 +7708,12 @@ packages:
   header-case@2.0.4:
     resolution: {integrity: sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==}
 
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
   hey-listen@1.0.8:
     resolution: {integrity: sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==}
 
@@ -8781,6 +8787,7 @@ packages:
   keygrip@1.1.0:
     resolution: {integrity: sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==}
     engines: {node: '>= 0.6'}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
@@ -11160,7 +11167,6 @@ packages:
     engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
     deprecated: |-
       You or someone you depend on is using Q, the JavaScript Promise library that gave JavaScript developers strong feelings about promises. They can almost certainly migrate to the native JavaScript promise now. Thank you literally everyone for joining me in this bet against the odds. Be excellent to each other.
-
       (For a CapTP with native promises, see @endo/eventual-send and @endo/captp)
 
   qrcode-terminal@0.12.0:
@@ -11221,6 +11227,11 @@ packages:
       react: ^16.8.5 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.5 || ^17.0.0 || ^18.0.0
 
+  react-compiler-runtime@1.0.0:
+    resolution: {integrity: sha512-rRfjYv66HlG8896yPUDONgKzG5BxZD1nV9U6rkm+7VCuvQc903C4MjcoZR4zPw53IKSOX9wMQVpA1IAbRtzQ7w==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0 || ^19.0.0 || ^0.0.0-experimental
+
   react-confetti@6.4.0:
     resolution: {integrity: sha512-5MdGUcqxrTU26I2EU7ltkWPwxvucQTuqMm8dUz72z2YMqTD6s9vMcDUysk7n9jnC+lXuCPeJJ7Knf98VEYE9Rg==}
     engines: {node: '>=16'}
@@ -11373,6 +11384,10 @@ packages:
     resolution: {integrity: sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==}
     engines: {node: '>=0.10.0'}
 
+  react-refresh@0.17.0:
+    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
+    engines: {node: '>=0.10.0'}
+
   react-router-dom@6.30.3:
     resolution: {integrity: sha512-pxPcv1AczD4vso7G4Z3TKcvlxK7g7TNt3/FNGMhfqyntocvYKj+GCatfigGDjbLozC4baguJ0ReCigoDJXb0ag==}
     engines: {node: '>=14.0.0'}
@@ -13564,9 +13579,18 @@ packages:
     resolution: {integrity: sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==}
     engines: {node: '>=18'}
 
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
   zod@3.23.8:
     resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
 
+  zod@4.3.6:
+    resolution: {integrity: sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==}
+
   zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
 
@@ -14267,6 +14291,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
   '@babel/plugin-transform-react-jsx@7.28.6(@babel/core@7.29.0)':
     dependencies:
       '@babel/core': 7.29.0
@@ -17974,13 +18008,17 @@ snapshots:
 
   '@uwdata/flechette@2.3.0': {}
 
-  '@vitejs/plugin-react-swc@3.11.0(@swc/helpers@0.5.18)(vite@5.4.21(@types/node@24.10.9)(sass@1.90.0)(terser@5.46.0))':
+  '@vitejs/plugin-react@4.7.0(vite@5.4.21(@types/node@24.10.9)(sass@1.90.0)(terser@5.46.0))':
     dependencies:
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
       '@rolldown/pluginutils': 1.0.0-beta.27
-      '@swc/core': 1.15.10(@swc/helpers@0.5.18)
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.17.0
       vite: 5.4.21(@types/node@24.10.9)(sass@1.90.0)(terser@5.46.0)
     transitivePeerDependencies:
-      - '@swc/helpers'
+      - supports-color
 
   '@vitest/expect@1.6.1':
     dependencies:
@@ -18657,6 +18695,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  babel-plugin-react-compiler@1.0.0:
+    dependencies:
+      '@babel/types': 7.29.0
+
   babel-plugin-transform-react-remove-prop-types@0.4.24: {}
 
   babel-preset-current-node-syntax@1.2.0(@babel/core@7.29.0):
@@ -20634,6 +20676,17 @@ snapshots:
     dependencies:
       eslint: 8.45.0
 
+  eslint-plugin-react-hooks@7.0.1(eslint@8.45.0):
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/parser': 7.29.0
+      eslint: 8.45.0
+      hermes-parser: 0.25.1
+      zod: 4.3.6
+      zod-validation-error: 4.0.2(zod@4.3.6)
+    transitivePeerDependencies:
+      - supports-color
+
   eslint-plugin-react@7.37.5(eslint@8.45.0):
     dependencies:
       array-includes: 3.1.9
@@ -21609,6 +21662,12 @@ snapshots:
       capital-case: 1.0.4
       tslib: 2.8.1
 
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
   hey-listen@1.0.8: {}
 
   highlight.js@10.7.3: {}
@@ -26330,6 +26389,10 @@ snapshots:
     transitivePeerDependencies:
       - react-native
 
+  react-compiler-runtime@1.0.0(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+
   react-confetti@6.4.0(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -26523,6 +26586,8 @@ snapshots:
 
   react-refresh@0.11.0: {}
 
+  react-refresh@0.17.0: {}
+
   react-router-dom@6.30.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@remix-run/router': 1.23.2
@@ -29244,6 +29309,12 @@ snapshots:
 
   yoctocolors-cjs@2.1.3: {}
 
+  zod-validation-error@4.0.2(zod@4.3.6):
+    dependencies:
+      zod: 4.3.6
+
   zod@3.23.8: {}
 
+  zod@4.3.6: {}
+
   zwitch@2.0.4: {}