Updating an ID tag on scroll React.js

Question

You can find my project here: https://codesandbox.io/s/franchise-bg-effect-obd55

I am trying to match an array of CSS background ID tags (bgArr) to an array