Scrolling to a dynamic height row?

I tried using [imperative methods](https://react-window.vercel.app/list/imperative-methods) according to the docs, but it won't scroll to row.
Any updated example?

(below is what I tried)

page.tsx
```tsx

```

Example.tsx
```tsx
"use client";

import { List, useDynamicRowHeight, useListRef } from "react-window";
import { RowComponent } from "./RowComponent";

export function Example({ names }: { names: string[] }) {
const rowHeight = useDynamicRowHeight({
defaultRowHeight: 25,
});
const listRef = useListRef(null)

const onClick = () => {
const list = listRef.current;
console.log("scrolling to row 250", list);
list?.scrollToRow({
align: "auto", // optional
behavior: "auto", // optional
index: 250
});
console.log("scrolled to row 250", list);
};

return (
<>
Go to row 250


);
}
```

RowComponent.tsx
```tsx
import { type RowComponentProps } from "react-window";

export function RowComponent({
index,
names,
style
}: RowComponentProps<{
names: string[];
}>) {
return (