[BUG] queryOptions.select runs multiple times

[jpenna]

Describe the bug

I'm using GraphQL and I'm changing the data with the React Query's select middleware. It should run only once per request, but it is running multiple times.

Steps To Reproduce

1. Use the useList hook
2. Add queryOptions.select: (data) => { console.log('select'); return data }
3. See "select" is logged multiple times

Replication CodeSandbox: https://codesandbox.io/p/sandbox/react-query-5-forked-hh85pv

Expected behavior

It should run only once. In React Query's documentation, they say to memoize the select function: https://tanstack.com/query/latest/docs/framework/react/guides/render-optimizations#memoization

useList is changing the function reference on every render.

Packages

• "@refinedev/core": "^4.54.0",

Additional Context

Possible fix: pass the select function inside a useCallback to useList's useQuery

[alicanerdurmaz]

Hello @jpenna, Thanks for the detailed explanation.

I believe your suggested fix will solve the problem, Do you want to work on this?

[jpenna]

Hey @alicanerdurmaz , I was going to send it, but the contribution process seemed to require more time than I can afford at the moment...

[alicanerdurmaz]

Hey @alicanerdurmaz , I was going to send it, but the contribution process seemed to require more time than I can afford at the moment...

We release a new version in the first week of every month. If you're not available, I can open a PR, or maybe someone else can do it. No problem, thank you!