Sourced from react-window's releases.

2.0.2

Fixed edge-case bug with Grid imperative API scrollToCell method and "smooth" scrolling behavior.

2.0.1

• Remove ARIA role attribute from List and Grid. This resulted in potentially invalid configurations (e.g. a ARIA list should contain at least one listitem but that was not enforced by this library). Users of this library should specify the role attribute that makes the most sense to them based on mdn guidelines. For example:

<List
  role="list"
  rowComponent={RowComponent}
  rowCount={names.length}
  rowHeight={25}
  rowProps={{ names }}
/>;
function RowComponent({ index, style, ...rest }: RowComponentProps<object>) {
return (
<div role="listitem" style={style}>
...
</div>
);
}

2.0.0

Version 2 is a major rewrite that offers the following benefits:

• More ergonomic props API
• Automatic memoization of row/cell renderers and props/context
• Automatically sizing for List and Grid (no more need for AutoSizer)
• Native TypeScript support (no more need for @types/react-window)
• Smaller bundle size

Upgrade path

See the documentation for more details, but here is an example of what the v1 to v2 upgrade might look like:

Before

import { FixedSizeList, type ListChildComponentProps } from "react-window";
function Example({ names }: { names: string[] }) {
const itemData = useMemo<ItemData>(() => ({ names }), [names]);
return (
<FixedSizeList
children={Row}
height={150}
itemCount={1000}
</tr></table>

... (truncated)

Sourced from react-window's changelog.

2.0.2

Fixed edge-case bug with Grid imperative API scrollToCell method and "smooth" scrolling behavior.

2.0.1

• Remove ARIA role attribute from List and Grid. This resulted in potentially invalid configurations (e.g. a ARIA list should contain at least one listitem but that was not enforced by this library). Users of this library should specify the role attribute that makes the most sense to them based on mdn guidelines. For example:

<List
  role="list"
  rowComponent={RowComponent}
  rowCount={names.length}
  rowHeight={25}
  rowProps={{ names }}
/>;
function RowComponent({ index, style, ...rest }: RowComponentProps<object>) {
return (
<div role="listitem" style={style}>
...
</div>
);
}

2.0.0

Version 2 is a major rewrite that offers the following benefits:

• More ergonomic props API
• Automatic memoization of row/cell renderers and props/context
• Automatically sizing for List and Grid (no more need for AutoSizer)
• Native TypeScript support (no more need for @types/react-window)
• Smaller bundle size

Upgrade path

See the documentation for more details, but here is an example of what the v1 to v2 upgrade might look like:

Before

import { FixedSizeList, type ListChildComponentProps } from "react-window";
function Example({ names }: { names: string[] }) {
const itemData = useMemo<ItemData>(() => ({ names }), [names]);
return (
<FixedSizeList
</tr></table>

... (truncated)

• c9349a4 2.0.1 -> 2.0.2
• 6adc6c0 Merge pull request #832 from bvaughn/issues/831
• bd562c5 Add tests
• cced926 Fix scrollToCell bug
• d1af943 README formatting
• caa4266 README formatting
• 2e326fb 2.0.0 -> 2.0.1
• 6bcf34e README formatting tweak
• ddfab80 Lighthouse changes to docs site
• e46efe9 Update README
• Additional commits viewable in compare view

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 merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @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)