Snap scrolling and Render times in ReactJS Causing Browser to Start at Wrong Place

Question

Problem

I have three components that each take up a fullscreen in my HomePage.js and are stacked one on top of each other vertically. I am using snap-scrolling to g