Query key uses conditional value

[vitormarkis]

const { currentUser } = useLamaAuth()

  // if (!currentUser) return null

  const { data: user } = useQuery<IUser>({
    queryKey: ["user", currentUser?.id],
    queryFn: () => api.get("/users").then((response) => response.data),
    staleTime: 1000 * 60, // 1 minuto
    enabled: !!currentUser // ???
  })

i'm trying to fetch user data from api, and setting a unique query key for each user (is the profile page of each user logged in), but the user can be null, when there is no one logged in (i'm using context api to provide user data to all components, if there is a better way to do it, feel free to talk about it, in the example above, i'm using useLamaAuth() to get the user data)

if currentUser is null, i don't want to fetch any data, not even create another cache, but the results i'm getting is either another query with ["user", null], which isn't desired, or an error saying can't read id of null (currentUser)

[TkDodo]

your code looks fine. Don't worry about the ["user", null] query.

[louis-young]

Yeah, as above, this is fine. The disabled query won't affect the cache. Your implementation looks reasonable 👍