How to scroll to section when it have image with dynamic height?

[lazarus2019]

In the first access page, I want the page will be smooth scroll to the second section (my current logic is using react-scroll).

In case each section have image, the scroll will stop somewhere between section 1 and 2. I think the image is not loaded yet. But from the second access, the scroll goes to the exact position I expect.

You can try the code at this link: https://codesandbox.io/p/sandbox/awesome-parm-j2qy7v?file=%2Fsrc%2FApp.js%3A27%2C21

Tks for spending time to read my post.