#127 Lazy Loading Data Tables

[vic-Gray]

Use tanstack-query (React Query) for efficient data fetching and caching.

[abdulqoyumadegoke]

@abdulqoyumadegoke has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

I would like to work on this task

ℹ️ Repo Maintainers: To accept this application, review their application or assign @abdulqoyumadegoke to this issue.

[jahrulezfrancis]

@jahrulezfrancis has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

I’d like to take this on.

I’ll integrate TanStack Query (React Query) to replace manual data fetching with a proper caching + background refetching layer. This will improve performance for data tables through lazy loading, stale-while-revalidate behavior, and reduced unnecessary API calls.

I’ll also ensure clean query keys, pagination support, and smooth loading states.

ETA: 3–4 hours

ℹ️ Repo Maintainers: To accept this application, review their application or assign @jahrulezfrancis to this issue.

[drips-wave]

Congratulations, @jahrulezfrancis! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on April 29, 2026.

🧑‍💻 @jahrulezfrancis: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been marked as completed by a Drips Wave moderator for @jahrulezfrancis as part of the Stellar Wave Program's 4th Wave 🥳

Moderator's reason: [Auto-assessed] The PR has been merged by a maintainer and successfully implements TanStack Query as requested in the issue. It includes the necessary dependency additions, the creation of a QueryProvider, and the refactoring of the VaultsPage to utilize useQuery for data fetching.

😎 @jahrulezfrancis: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.

ℹ️ Note: This issue was marked complete via moderation. Points were issued even though the GitHub issue remains open.