| Property | Type | Required | Default | Description |
| ------------ | -------- | -------- | ------- | ---------------------------------------------- |
| itemHeight | number | Yes | - | Height of each item in pixels |
| items | T[] | Yes | - | Array of items to render |
| overscan | number | No | 3 | Number of items to render outside the viewport |

#### Return

| Property | Type | Description |
| -------------- | ---------------------------------------- | -------------------------------------------------------- |
| containerRef | (element: HTMLElement \| null) => void | Ref callback to attach to the scroll container |
| listHeight | number | Total height of the list in pixels |
| virtualItems | VirtualItem[] | Array of virtual items currently visible in the viewport |

$3

Each virtual item has the following properties:

| Property | Type | Description |
| --------- | -------- | ---------------------------------- |
| index | number | Index in the original array |
| offsetY | number | Y offset in pixels within the list |
| data | T | Original item data |

Examples

$3

`tsx
import { useVirtualList } from "@windowing-kit/virtual-list";

function TodoList({ todos }) {
const { containerRef, listHeight, virtualItems } = useVirtualList({
itemHeight: 60,
items: todos,
overscan: 5,
});

return (