HOW TO PREVENT RE-RENDER IN REACT WITH TAILWIND CSS

Summary from the TLDR Web Dev newsletter

Tailwind CSS's group modifier and data-* attributes can be used to conditionally apply styles based on scroll position.