0426568569
## Summary **What** — What changes are introduced in this PR? Fix to prevent InfiniteList component from falling into an infinite loop of requests. Before: Uploading Grabación de pantalla 2025-11-03 a la(s) 11.34.55 p. m..mov… **Why** — Why are these changes relevant or necessary? The current dependency array of the useEffect in charge of issuing the next/previous fetch calls for pagination, include the functions from `useInfiniteQuery` in its dependency array as well as its body. This causes the component to render infinitely, as the functions reference change on every render. **How** — How have these changes been implemented? - Updated the problematic dependency array to not include these functions. - Included a useEffect and refs for both functions to always have the latest value. **Testing** — How have these changes been tested, or how can the reviewer test the feature? Tested locally that the bug that was happening before the fix was mitigated and i was able to paginate correctly. After fix: https://github.com/user-attachments/assets/17d41bf9-6b3f-437b-b2ce-10e4dcbe248a --- ## Examples Provide examples or code snippets that demonstrate how this feature works, or how it can be used in practice. This helps with documentation and ensures maintainers can quickly understand and verify the change. ```ts // Example usage ``` --- ## Checklist Please ensure the following before requesting a review: - [x] I have added a **changeset** for this PR - Every non-breaking change should be marked as a **patch** - To add a changeset, run `yarn changeset` and follow the prompts - [ ] The changes are covered by relevant **tests** - [x] I have verified the code works as intended locally - [x] I have linked the related issue(s) if applicable --- ## Additional Context Add any additional context, related issues, or references that might help the reviewer understand this PR. closes SUP-2620 --- > [!NOTE] > Prevents InfiniteList from entering an infinite fetch loop by storing pagination functions in refs and removing them from the effect dependency array. > > - **Dashboard**: > - **`packages/admin/dashboard/src/components/common/infinite-list/infinite-list.tsx`**: > - Store pagination callbacks in refs: `fetchNextPageRef`, `fetchPreviousPageRef`, synced via `useEffect`. > - Update `IntersectionObserver` callbacks to call `ref.current()` instead of the functions directly. > - Remove `fetchNextPage`/`fetchPreviousPage` from the `useEffect` dependency array to stabilize observer setup. > - **Changeset**: > - Patch release for `@medusajs/dashboard` describing the fix. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit e21d9998ac01ae048fa7e72713a2027d3fc8cfb6. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup>
Medusa
Documentation | Website
Building blocks for digital commerce
Getting Started
Visit the Documentation to set up a Medusa application.
About Medusa
Medusa is a commerce platform with a built-in framework for customization that allows you to build custom commerce applications without reinventing core commerce logic. The framework and modules can be used to support advanced B2B or DTC commerce stores, marketplaces, distributor platforms, PoS systems, service businesses, or similar solutions that need foundational commerce primitives. All commerce modules are open-source and freely available on npm.
Learn more about Medusa’s architecture and commerce modules in the Docs.
Upgrades & Integrations
Follow the Release Notes to keep your Medusa project up-to-date.
Check out all available Medusa integrations.
Community & Contributions
The core team is available in GitHub Discussions, where you can create issues, share ideas, and discuss roadmap.
Our Contribution Guide describes how to contribute to the codebase and Docs.
Join our Discord server to meet and discuss with more than 14,000 other community members.
Other channels
License
Licensed under the MIT License.