fix(core/useList): select function passed to useQuery in useList causes inifite loops

[filiperni]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://refine.dev/docs/guides-concepts/contributing/#commit-convention

Bugs / Features

• Related issue(s) linked
• Tests for the changes have been added
• Docs have been added / updated
• Changesets have been added https://refine.dev/docs/guides-concepts/contributing/#creating-a-changeset

What is the current behavior?

• Select function passed to useQuery is recreated on each render
• This causes unnecessary re-execution of the select function every time the useList hook runs.
• When the select function passed to useList (through queryProps) triggers a re-render, for example by updating some state, it causes a inifite loop. Like described in issue [BUG] setState in useList queryOptions select causes infinite loop #7022.

What is the new behavior?

fixes #7022
fixes #6713

• Memoizes the select function passed to useQuery in useList hook
• Now select function is called only when:
  1. useQuery data changes
  2. pagination properties change in use useList

Notes for reviewers

Added an example project to test out the behaviour of useList when passing query params with memoized select function.
I'm not sure if I should leave this project in repo or should I delete it.

pnpm-lock file was automatically updated after running pnpm install

[changeset-bot]

🦋 Changeset detected

Latest commit: 7506fbc

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@refinedev/core	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✅ Deploy Preview for refine-doc-live-previews ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	7506fbc
🔍 Latest deploy log	https://app.netlify.com/projects/refine-doc-live-previews/deploys/68ed013f773b8100088b3c0b
😎 Deploy Preview	https://deploy-preview-7039--refine-doc-live-previews.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[maniya81]

I think relative sizing would be better.

[filiperni]

Thank you for your comment. I would leave it as is because the UI in this example project is not important.
I created this example project using the refine CLI command to test out if the useList hook works properly.

[filiperni]

Actually, I don't even use these stylings. So I removed them.