Calcite-List issue in react

vbadugu_royomartin

 

I am trying to render calciteList in reactJS. Nothing is showing on browser 

 <div style={{ border: '2px solid red', padding: '10px', margin: '10px 0' }}>

            <p>Before calcite-list</p>

            <CalciteList style={{ minHeight: '200px', border: '1px solid blue' }}>

              <CalciteListItem label="Hiking trails" description="Designated routes for hikers to use." value="hiking-trails">

              </CalciteListItem>

              <CalciteListItem label="Waterfalls" description="Vertical drops from a river." value="waterfalls">

              </CalciteListItem>

              <CalciteListItem label="Rivers" description="Large naturally flowing watercourses." value="rivers">

              </CalciteListItem>

              <CalciteListItem label="Estuaries" description="Where the river meets the sea." value="estuaries">

              </CalciteListItem>

            </CalciteList>

            <p>After calcite-list</p>

          </div>

 

 

vbadugu_royomartin

The problem only with calcite-list and was able to see calcite-list-item with some radio buttons with labels. I don't have any clue what the issue could be