fix: force rerender of nav items on setup state change

Author: joshunrau

apps/web/src/features/admin/hooks/useUpdateSetupStateMutation.ts

@@ -1,16 +1,18 @@
 import { useNotificationsStore } from '@douglasneuroinformatics/libui/hooks';
 import type { UpdateSetupStateData } from '@opendatacapture/schemas/setup';
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import axios from 'axios';
 
 export function useUpdateSetupStateMutation() {
+  const queryClient = useQueryClient();
   const addNotification = useNotificationsStore((store) => store.addNotification);
   return useMutation({
     mutationFn: async (data: UpdateSetupStateData) => {
       await axios.patch('/v1/setup', data);
     },
     onSuccess() {
       addNotification({ type: 'success' });
+      void queryClient.invalidateQueries({ queryKey: ['setup-state'] });
     }
   });
 }

apps/web/src/hooks/useNavItems.ts

@@ -127,7 +127,7 @@ export function useNavItems() {
       });
     }
     setNavItems([globalItems, adminItems, sessionItems].filter((arr) => arr.length));
-  }, [currentSession, currentUser, resolvedLanguage]);
+  }, [currentSession, currentUser, resolvedLanguage, setupState.data?.isExperimentalFeaturesEnabled]);
 
   return navItems;
 }