What's the best way to add some items at the top of the scrolling container?

[pwalker]

I'd like to add some extra items at the top of the scrolling container, and I'm not sure about the best way to handle this. Here's an example code sandbox: https://codesandbox.io/s/rcv-with-extra-items-9i0nss.

When I first load the page, everything looks fine:

But when I scroll down, the innerRef box, stays a certain distance away from the top of the scrolling container.

Any ideas?

The only thing I can think of is to add in some special placeholder items to my list, and instead of rendering a row, I instead render the top boxes, but that seems like a clunky approach.