Change header color from transparent to white using react intersection observer

Question

I am trying to change the background color of my header which is fixed on top when scrolled 100px from the top. How can I achieve this using react-intersection-observer? Is there any way to add a className to my object if the viewport is scrolled 100px?