setQueryData does not pass existing data

I'm running into very strange behavior where calling

setQueryData

setQueryData

does not include the existing data in the updater callback.

    queryClient
      .getQueryCache()
      .findAll({ queryKey })
      .map(({ queryKey: key, state }) => {
        console.log({ key: JSON.stringify(key), data: Boolean(state.data) });
        return [
          key,
          queryClient.setQueryData(key, (oldData) => {
            console.log({ oldData: Boolean(oldData) });
            return oldData;
          }),
        ];
      });

    queryClient
      .getQueryCache()
      .findAll({ queryKey })
      .map(({ queryKey: key, state }) => {
        console.log({ key: JSON.stringify(key), data: Boolean(state.data) });
        return [
          key,
          queryClient.setQueryData(key, (oldData) => {
            console.log({ oldData: Boolean(oldData) });
            return oldData;
          }),
        ];
      });

In the above code, the first console.log (L5) includes

data

data

, but the

oldData

oldData

inside the

setQueryData

setQueryData

callback is

undefined

undefined

. I have this code running in two different places with identical invocations, just different queryKeys – one works as expected, the other doesn't.

TanStack•2y ago•

1 reply

slow-yellow

setQueryData does not pass existing data

I'm running into very strange behavior where calling

setQueryData

setQueryData

does not include the existing data in the updater callback.

    queryClient
      .getQueryCache()
      .findAll({ queryKey })
      .map(({ queryKey: key, state }) => {
        console.log({ key: JSON.stringify(key), data: Boolean(state.data) });
        return [
          key,
          queryClient.setQueryData(key, (oldData) => {
            console.log({ oldData: Boolean(oldData) });
            return oldData;
          }),
        ];
      });

    queryClient
      .getQueryCache()
      .findAll({ queryKey })
      .map(({ queryKey: key, state }) => {
        console.log({ key: JSON.stringify(key), data: Boolean(state.data) });
        return [
          key,
          queryClient.setQueryData(key, (oldData) => {
            console.log({ oldData: Boolean(oldData) });
            return oldData;
          }),
        ];
      });

In the above code, the first console.log (L5) includes

data

data

, but the

oldData

oldData

inside the

setQueryData

setQueryData

callback is

undefined

undefined

. I have this code running in two different places with identical invocations, just different queryKeys – one works as expected, the other doesn't.

setQueryData does not pass existing data

Similar Threads

setQueryData does not pass existing data

Similar Threads

Similar Threads

Similar Threads