El problema es que tengo un clic en un div que no se enciende.

 <div className={styles.scrollingDiv}> <div className={styles.rectangleDiv} /> <div className={styles.menuBarDiv}> <div className={styles.rectangleDiv16} /> <div className={styles.rectangleDiv17} /> <div className={styles.rectangleDiv18} /> <div className={styles.rectangleDiv19} /> <div className={styles.rectangleDiv20} /> <div className={styles.ostrichRacewayDiv} onClick={ostrichRacewayClick}>Ostrich Raceway</div> <div className={styles.nVOIBlogDiv} onClick={blogClick}>NVOI Blog</div> <div className={styles.homeDiv} onClick={function() { alert("hello world"); }}>Home</div> <img className={styles.starIcon} alt="" src="star-1.svg" /> <div className={styles.newDiv}>New</div> </div> </div> <div className={styles.noScrollingDiv} /> <div className={styles.noScrollingDiv} /> </div>

Espero que cuando se haga clic en el div, debería navegar. Sin embargo, ¡eso no está sucediendo! ¿Porqué es eso?