https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/clarification-regarding-calcite-components-react/m-p/1670272#M87930 <P>Hello,</P><P>My team could use some clarification regarding the correct usage of&nbsp;@esri/calcite-components-react.<BR /><BR />The <A href="https://developers.arcgis.com/calcite-design-system/resources/frameworks/#usage" target="_self">Usage</A> section of the framework integration docs states,<BR /><STRONG><EM>"The package includes the compatible version of the web component library as a dependency, so no need to install&nbsp;<A href="https://www.npmjs.com/package/@esri/calcite-components" target="_blank" rel="noopener">@esri/calcite-components</A>&nbsp;separately.</EM></STRONG></P><P>However, the linked <A href="https://github.com/Esri/calcite-design-system/tree/main/examples/components/react#:~:text=//%20define%20the%20custom%20elements%20on%20the%20browser" target="_self">React example</A> clearly references the calcite-components CDN and states that the custom elements need to be imported and defined on the browser.<BR /><BR />This appears to be conflicting advice and it has led to team members using both patterns in our project. For what it's worth, both approaches seem to work, but we would like to drop the local copy of @esri/calcite-components if it's redundant.</P><P>Thank you</P> Wed, 03 Dec 2025 19:54:18 GMT nmbattis28 2025-12-03T19:54:18Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/clarification-regarding-calcite-components-react/m-p/1670272#M87930 <P>Hello,</P><P>My team could use some clarification regarding the correct usage of&nbsp;@esri/calcite-components-react.<BR /><BR />The <A href="https://developers.arcgis.com/calcite-design-system/resources/frameworks/#usage" target="_self">Usage</A> section of the framework integration docs states,<BR /><STRONG><EM>"The package includes the compatible version of the web component library as a dependency, so no need to install&nbsp;<A href="https://www.npmjs.com/package/@esri/calcite-components" target="_blank" rel="noopener">@esri/calcite-components</A>&nbsp;separately.</EM></STRONG></P><P>However, the linked <A href="https://github.com/Esri/calcite-design-system/tree/main/examples/components/react#:~:text=//%20define%20the%20custom%20elements%20on%20the%20browser" target="_self">React example</A> clearly references the calcite-components CDN and states that the custom elements need to be imported and defined on the browser.<BR /><BR />This appears to be conflicting advice and it has led to team members using both patterns in our project. For what it's worth, both approaches seem to work, but we would like to drop the local copy of @esri/calcite-components if it's redundant.</P><P>Thank you</P> Wed, 03 Dec 2025 19:54:18 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/clarification-regarding-calcite-components-react/m-p/1670272#M87930 nmbattis28 2025-12-03T19:54:18Z