The problem is that I have a onclick on a div which is not firing up.

            <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>

I am expecting when the div is clicked, it should navigate. However, that is not happening! Why is that?