Invalidate query doesn't work

im trying to invalidate query : queryClient.invalidateQueries({ queryKey: ["user"] }); As I understand this should trigger getQuery for "user" key and update state from API. Then somewhere in Layout i have:

 const { vendor, profileImage, name } = queryClient.getQueryData([
    "user",
  ]) as User;

 const { vendor, profileImage, name } = queryClient.getQueryData([
    "user",
  ]) as User;

 const { vendor, profileImage, name } = queryClient.getQueryData([
    "user",
  ]) as User;

 const { vendor, profileImage, name } = queryClient.getQueryData([
    "user",
  ]) as User;

Which should react to changes in user key and rerender updated layout. But this doesnt.

invalidateQueries

invalidateQueries

invalidateQueries

invalidateQueries does not trigger

useQuery({
    queryKey: ["user"],
    queryFn: getUser,
  })

useQuery({
    queryKey: ["user"],
    queryFn: getUser,
  })

useQuery({
    queryKey: ["user"],
    queryFn: getUser,
  })

useQuery({
    queryKey: ["user"],
    queryFn: getUser,
  })

What Im missing?

Invalidate query doesn't work

Similar Threads

Similar Threads

Similar Threads