ScrollTo animation react-spring

As per title, all I’m trying to achieve is to scroll to some element smoothly by using react-spring animations.

Here I reproduced a snippet with a working example (which when clicking on a section brings you to the following one); Problem is this works only on versions below v6.0.0.

As you can notice on index.js, I added a commented line with a component which contains the exact same logic but converted to v9.1.2 (which doesn’t work).

So question is, what part did I convert wrongly? I am probably missing some bits from breaking changes on v6 and I tried looking into the documentation, but they reference to breaking changes for v8 and v9 only, so I’m a bit confused on what I’m missing?

Highly appreciate any help, so big thank you in advance!

Source: Ask Javascript Questions