React Query with supabase

[the-evgenii]

Hello!
When i try combine supabase with RQ (React native), useQuery sometimes call twice

Hooks

export const useEntriesQuery = (enabled = true) =>
  useQuery(
    entriesKeys.all,
    async () => {
      const {data} = await supabase.from('entries').select(`
      id,
      created_at,
      entry_items ( id )
    `);

      return data;
    },
    {
      enabled,
    },
  );

export const useAuthUserQuery = () =>
  useQuery(usersKeys.authUser, async () => {
    const {data} = await supabase.auth.getUser();

    return data.user;
  });

and call

export const HomeScreen: FC = () => {
  const {data: user} = useAuthUserQuery();
  const {data, isLoading} = useEntriesQuery(!!user?.id);
  ...

What im doing wrong?

[MUK-Dev]

1. Try giving your query a stale time.

export const useEntriesQuery = (enabled = true) =>
  useQuery(
    entriesKeys.all,
    async () => {
      const {data} = await supabase.from('entries').select(`
      id,
      created_at,
      entry_items ( id )
    `);

      return data;
    },
    {
      enabled,
      staleTime: 5000 // staleTime in ms
    },
  );

2. This could be because of React strict mode.