Overview
src/app/store/messagingStore.ts, notificationStore.ts, and volunteerStore.ts expose their useStore hooks with no selector variants, so components calling the store without a selector subscribe to the entire state and re-render on any field change (e.g. a typing flip re-renders components that only read conversations). Provide selector-based hooks (useMessagingStore(s => s.messages)) to scope subscriptions.
Overview
src/app/store/messagingStore.ts, notificationStore.ts, and volunteerStore.ts expose their useStore hooks with no selector variants, so components calling the store without a selector subscribe to the entire state and re-render on any field change (e.g. a typing flip re-renders components that only read conversations). Provide selector-based hooks (useMessagingStore(s => s.messages)) to scope subscriptions.