Header pill movement inconsistency

[wxiaoyun]

Problem

When I scroll from top of the page to the about me section, the pill automatically moves from home to about. This behavior is not consistent with the rest of the sections

Expected

When I scroll to experience, the header pill moves to experience button.
The following is achieved by clicking on the experience tab

Actual

No pill movement when scrolling down

[wxiaoyun]

Btw, bytegrad is such a great youtube channel. I learnt quite a bit about Next from him too 💯

[tankh99]

Btw, bytegrad is such a great youtube channel. I learnt quite a bit about Next from him too 💯

Haha definitely one of the more educational and technical YouTubers. Jack Herrington is also pretty good!

[tankh99]

Looks like this is an issue with react-intersection-observer not returning true for isInView...Will resolve this in future