Function usePersistentContext

packages/shared/src/hooks/usePersistentContext.ts:43–73

(
  key: string,
  valueWhenCacheEmpty?: T,
  validValues?: T[],
  fallbackValue?: T,
)

  key: string,
): UserPersistentContextType<T | null>;
export default function usePersistentContext<T>(
  key: string,
  valueWhenCacheEmpty?: T,
  validValues?: T[],
  fallbackValue?: T,
): UserPersistentContextType<T | null> {
  const queryKey = [key, valueWhenCacheEmpty];
  const queryClient = useQueryClient();

  const { data, isFetched } = useQuery({
    queryKey,
    queryFn: () =>
      getAsyncCache<T>(key, valueWhenCacheEmpty || null, validValues) || null,
  });

  const { mutateAsync: updateValue, isPending: isLoading } = useMutation({
    mutationFn: (value: T | null) => setCache(key, value),

    onMutate: (mutatedData) => {
      const current = data;
      queryClient.setQueryData(queryKey, mutatedData);
      return current;
    },

    onError: (_, __, rollback) => {
      queryClient.setQueryData(queryKey, rollback);
    },
  });

  return [data ?? fallbackValue ?? null, updateValue, isFetched, isLoading];
}

export enum PersistentContextKeys {
  AlertPushKey = 'alert_push_key',