How to upgrade <Spring> to useSpring for scrolling?

[DoneDeal0]

Hi,

I've been using an outdated version of react-spring to animate a programmatic scroll.

The code used to be:

import { Spring } from "react-spring/renderprops";

// (...)

 <Spring from={{ top: 0 }}   to={{ top: LINE_HEIGHT * (page.from - 1) }}>
              {(props) => (
                <List
                  width={1}
                  height={LINE_HEIGHT * limit}
                  rowCount={sortedGauges.length}
                  rowHeight={LINE_HEIGHT}
                  rowRenderer={rowRenderer}
                  containerStyle={{
                    width: "100%",
                    maxWidth: "100%",
                  }}
                  style={{
                    width: "100%",
                    overflow: "hidden",
                  }}
                  scrollTop={props.top}
                />
              )}
            </Spring>

So, the Spring component was updating a child with props.top to get a smooth scrolling. But I can't reproduce this result with the new useSpring api. What is the correct syntax?

Thank you very much!