topic Re: Calcite-List issue in react in ArcGIS JavaScript Maps SDK Questions

Calcite-List issue in react

vijaybadugu — Thu, 23 Oct 2025 21:03:54 GMT

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

<p>Before calcite-list</p>

</CalciteListItem>

</CalciteListItem>

</CalciteListItem>

</CalciteListItem>

</CalciteList>

<p>After calcite-list</p>

</div>

Re: Calcite-List issue in react

Justin_Greco — Fri, 24 Oct 2025 17:44:42 GMT

Are you importing calcite-list and calcite-list-item?

import "@esri/calcite-components/dist/components/calcite-list"; import "@esri/calcite-components/dist/components/calcite-list-item"; import { CalciteList, CalciteListItem } from "@esri/calcite-components-react";

If you are using React 19+, don't need calcite-components-react wrapper anymore.

Re: Calcite-List issue in react

vijaybadugu — Fri, 24 Oct 2025 18:50:24 GMT

Yes. I did

import "@esri/calcite-components/dist/components/calcite-list";

import "@esri/calcite-components/dist/components/calcite-list-item";

import {

CalciteShellPanel,

CalcitePanel,

CalciteBlock,

CalciteLabel,

CalciteCombobox,

CalciteComboboxItem,

CalciteSlider,

CalciteSelect,

CalciteOption,

CalciteButton,

CalciteNotice,

CalciteList,

CalciteIcon,

CalciteListItem,

} from '@esri/calcite-components-react';

import "@esri/calcite-components/dist/calcite/calcite.css";

"react": "^19.1.1",

"react-dom": "^19.1.1"

Re: Calcite-List issue in react

vijaybadugu — Fri, 24 Oct 2025 19:00:02 GMT

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