Skip to content

chore(deps): bump react-infinite-scroll-component from 6.1.1 to 7.2.0#9731

Open
dependabot[bot] wants to merge 1 commit into
leaderfrom
dependabot/npm_and_yarn/react-infinite-scroll-component-7.2.0
Open

chore(deps): bump react-infinite-scroll-component from 6.1.1 to 7.2.0#9731
dependabot[bot] wants to merge 1 commit into
leaderfrom
dependabot/npm_and_yarn/react-infinite-scroll-component-7.2.0

Conversation

@dependabot

@dependabot dependabot Bot commented on behalf of github May 25, 2026

Copy link
Copy Markdown
Contributor

Bumps react-infinite-scroll-component from 6.1.1 to 7.2.0.

Release notes

Sourced from react-infinite-scroll-component's releases.

v7.2.0 - useInfiniteScroll hook

What's new

useInfiniteScroll hook

A new named export for building fully custom infinite scroll UIs. The hook manages the IntersectionObserver lifecycle and exposes sentinelRef and isLoading — your markup, your styles, your loader.

import { useInfiniteScroll } from 'react-infinite-scroll-component';
const { sentinelRef, isLoading } = useInfiniteScroll({
next: fetchMore,
hasMore,
dataLength: items.length,
});

Attach sentinelRef to any element at the end of your list. isLoading is true from when next() fires until dataLength changes.

Accepts the same hasMore, dataLength, next, scrollThreshold, scrollableTarget, and inverse props as the InfiniteScroll component.

The InfiniteScroll component is unchanged. This is a purely additive export with no breaking changes.

Documentation

  • README overhauled: prop descriptions expanded with behavioral detail and when-to-use guidance, all default values filled in, framework recipes added for Next.js App Router, TanStack Query, and SWR.
  • package.json keywords and description updated for better npm discoverability.
  • AGENTS.md and llms.txt added for AI tooling compatibility.

Upgrading

No breaking changes. Drop-in compatible with v7.1.0.

v7.1.0 - IntersectionObserver rewrite

What's new

IntersectionObserver-based triggering

next() is now fired by an IntersectionObserver watching an invisible sentinel div at the end of the list, instead of a throttled scroll event listener. IO runs off the main thread and requires no throttling, scripting overhead drops from ~29% to ~23%.

Zero runtime dependencies

throttle-debounce has been removed. The package now ships with no runtime dependencies.

Function component rewrite

The class component has been fully replaced with a function component using useRef/useEffect/useState. The public API is unchanged.

Bug fixes

  • Inverse scroll: sentinel is now always the last DOM child. In a flex-direction: column-reverse container this places it at the visual top, so next() fires at the correct threshold as the user scrolls up rather than requiring a full scroll to the opposite end.
  • onScroll prop type: corrected from MouseEvent to UIEvent.
  • scrollableTarget prop type: corrected from ReactNode to HTMLElement | string | null.

... (truncated)

Commits
  • 92b3249 chore: bump version to 7.2.0
  • d896cc9 fix: update stories.tsx import to renamed ScrollableTop
  • a3102a6 docs: fill empty defaults with dash, expand all prop descriptions
  • d932809 docs: overhaul README and improve package.json metadata
  • b53588b feat: add AGENTS.md and llms.txt for AI discoverability
  • cfd26d5 feat: add useInfiniteScroll hook (#426)
  • d99aff0 fix: rename ScrolleableTop to ScrollableTop
  • 810f915 fix: move inverse sentinel to last DOM child so it sits at visual top in colu...
  • 22309a8 fix: wire up Babel compiler addon and automatic JSX runtime for Storybook v10
  • 369efa7 docs: update README for v7, add What's new section
  • Additional commits viewable in compare view
Maintainer changes

This version was pushed to npm by iamdarshshah, a new releaser for react-infinite-scroll-component since your current version.

Install script changes

This version adds prepare script that runs during installation. Review the package contents before updating.


Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [react-infinite-scroll-component](https://github.com/ankeetmaini/react-infinite-scroll-component) from 6.1.1 to 7.2.0.
- [Release notes](https://github.com/ankeetmaini/react-infinite-scroll-component/releases)
- [Commits](ankeetmaini/react-infinite-scroll-component@v6.1.1...v7.2.0)

---
updated-dependencies:
- dependency-name: react-infinite-scroll-component
  dependency-version: 7.2.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot Bot added automerge Indicates that the PR should be automatically merged when all checks pass. dependencies major labels May 25, 2026
@github-actions

Copy link
Copy Markdown
Contributor

👋 Welcome to HRM!

Thanks for your contribution. This repository uses Gemini AI for automated triage, code review, and generation.

🤖 Gemini Manual Trigger Quick Reference

Command Action
@gemini-bot Run AI Code Review (PR only)
@gemini-enrich Run PR Enrichment (PR only)
@gemini-triage Run Issue Triage
@gemini-coder <task> Generate Code
@create-review-issues Create issues from review (PR only)
@gemini-help Show this help message
@pr-squash Squash PR commits (PR only)
@conflict-resolve Resolve merge conflicts (PR only)

For more details and GitHub CLI examples, see the Manual Trigger Guide.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

automerge Indicates that the PR should be automatically merged when all checks pass. dependencies major

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants