https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-map-components/m-p/1641242#M87505 <P>You probably will need to include the individual import for each component you are using in the file. For an example see the Esri sample here:&nbsp;<A href="https://github.com/Esri/jsapi-resources/blob/50579b9362b846e869a343b660c5a2415176a275/component-samples/map-components/samples/react/src/index.jsx" target="_blank">https://github.com/Esri/jsapi-resources/blob/50579b9362b846e869a343b660c5a2415176a275/component-samples/map-components/samples/react/src/index.jsx</A>&nbsp;<BR /><BR />Overall if you are working in React 19 I would probably just look at using the web components directly instead of the wrapper library!&nbsp;</P> Tue, 12 Aug 2025 14:49:03 GMT JonathanDawe_BAS 2025-08-12T14:49:03Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-map-components/m-p/1641090#M87503 <P>&nbsp;</P><P>I would like to use arcgis components in my react js project.When i try to run the project, i am getting below error . react component has been installed (<SPAN><a href="https://community.esri.com/t5/user/viewprofilepage/user-id/642472">@ArcGIS</a>/map-components-react ). The code looks as below,</SPAN></P><DIV><DIV><DIV><DIV><SPAN>&lt;</SPAN><SPAN>ArcgisMap</SPAN> <SPAN>item-id</SPAN><SPAN>=</SPAN><SPAN>{</SPAN><SPAN>itemId</SPAN><SPAN>}</SPAN> <SPAN>portal-url</SPAN><SPAN>=</SPAN><SPAN>{</SPAN><SPAN>portalUrl</SPAN><SPAN>}</SPAN> <SPAN>style</SPAN><SPAN>=</SPAN><SPAN>{</SPAN><SPAN>{ </SPAN><SPAN>width</SPAN><SPAN>:</SPAN> <SPAN>'100%'</SPAN><SPAN>, </SPAN><SPAN>height</SPAN><SPAN>:</SPAN> <SPAN>'100%'</SPAN><SPAN> } </SPAN><SPAN>}</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp;</SPAN><SPAN>&lt;</SPAN><SPAN>ArcgisZoom</SPAN> <SPAN>position</SPAN><SPAN>=</SPAN><SPAN>"top-left"</SPAN><SPAN>&gt;&lt;/</SPAN><SPAN>ArcgisZoom</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp;</SPAN><SPAN>&lt;</SPAN><SPAN>ArcgisSearch</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</SPAN><SPAN>position</SPAN><SPAN>=</SPAN><SPAN>"top-right"</SPAN></DIV><BR /><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</SPAN><SPAN>all-placeholder</SPAN><SPAN>=</SPAN><SPAN>"District or Senator"</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</SPAN><SPAN>include-default-sources-disabled</SPAN><SPAN>&gt;&lt;/</SPAN><SPAN>ArcgisSearch</SPAN><SPAN>&gt;</SPAN></DIV><DIV><SPAN>&nbsp; &nbsp; &nbsp;</SPAN><SPAN>&lt;/</SPAN><SPAN>ArcgisMap</SPAN><SPAN>&gt;</SPAN></DIV></DIV></DIV><DIV>&nbsp;</DIV></DIV><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="vijaybadugu_0-1754951414032.png" style="width: 400px;"><img src="https://community.esri.com/t5/image/serverpage/image-id/138348i05E7EFCBCC411069/image-size/medium?v=v2&amp;px=400" role="button" title="vijaybadugu_0-1754951414032.png" alt="vijaybadugu_0-1754951414032.png" /></span></P><P>&nbsp;</P> Mon, 11 Aug 2025 22:32:35 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-map-components/m-p/1641090#M87503 vijaybadugu 2025-08-11T22:32:35Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-map-components/m-p/1641242#M87505 <P>You probably will need to include the individual import for each component you are using in the file. For an example see the Esri sample here:&nbsp;<A href="https://github.com/Esri/jsapi-resources/blob/50579b9362b846e869a343b660c5a2415176a275/component-samples/map-components/samples/react/src/index.jsx" target="_blank">https://github.com/Esri/jsapi-resources/blob/50579b9362b846e869a343b660c5a2415176a275/component-samples/map-components/samples/react/src/index.jsx</A>&nbsp;<BR /><BR />Overall if you are working in React 19 I would probably just look at using the web components directly instead of the wrapper library!&nbsp;</P> Tue, 12 Aug 2025 14:49:03 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/react-map-components/m-p/1641242#M87505 JonathanDawe_BAS 2025-08-12T14:49:03Z