how to debug react query inside react native app?

[nikitph]

Firstly great effort on the lib. its a very powerful tool. However i am curious how people debug the queries/mutations inside RN apps as the devtools dont work. A simple way to track the various queries being emitted and the relevant cache state is enough but i cant seem to figure out a way

[TkDodo]

the docs point to a 3rd party flipper plugin:
https://tanstack.com/query/v4/docs/react-native

[elevyg]

This worked for me in RQ v4

import { QueryClient } from "@tanstack/react-query";
import { addPlugin } from "react-query-native-devtools";

 const [queryClient] = useState(() => {
    const client = new QueryClient({
      defaultOptions: {
        queries: {
          retry: false,
          staleTime: Infinity,
          cacheTime: Infinity,
          networkMode: "online",
        },
      },
    });
    if (__DEV__) addPlugin({ queryClient: client });
    return client;
  });

[nikitph]

Thanks a lot. I will check it out.

…

On Wed, 19 Oct 2022 at 6:04 PM, Eyal Levy ***@***.***> wrote: This worked for me in RQ v4 import { QueryClient } from ***@***.***/react-query";import { addPlugin } from "react-query-native-devtools"; const [queryClient] = useState(() => { const client = new QueryClient({ defaultOptions: { queries: { retry: false, staleTime: Infinity, cacheTime: Infinity, networkMode: "online", }, }, }); if (__DEV__) addPlugin({ queryClient: client }); return client; }); — Reply to this email directly, view it on GitHub <#4318 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABGGUB3IRX43PLKI27KAIFDWD7TEDANCNFSM6AAAAAAREPA26U> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[mefjuu]

Any ideas on debugging without Flipper? (removed as of 0.74 version of RN)