From 3f105505f7cd195ecaa938ab311a8a897d3c916b Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Thu, 9 Jul 2026 03:46:20 +0000 Subject: [PATCH] perf: use individual Zustand selectors in Hologram component Replaced destructuring of useAppStore with individual state selectors to prevent the Hologram component from re-rendering whenever unrelated state (such as chat messages or settings panel visibility) changes. Co-authored-by: pavan721 <88892612+pavan721@users.noreply.github.com> --- src/components/3d/Hologram.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/3d/Hologram.tsx b/src/components/3d/Hologram.tsx index 1920790..5ffb82c 100644 --- a/src/components/3d/Hologram.tsx +++ b/src/components/3d/Hologram.tsx @@ -105,7 +105,8 @@ function ArcCasing() { } export function Hologram() { - const { isSpeaking, isProcessing } = useAppStore() + const isSpeaking = useAppStore(state => state.isSpeaking) + const isProcessing = useAppStore(state => state.isProcessing) return (