JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#section1">Home</a>
<section id="section1">Section1 <a href="#section2">next</a></section>
<section id="section2">Section2 <a href="#section3">next</a></section>
<section id="section3">Section3 <a href="#section4">next</a></section>
<section id="section4">Section4</section>

CSS

body > section {
    display: none;
}
body > section:target {
    display: block;
}