topic Re: React 19 and web components in Calcite Design System Questions

React 19 and web components

ForrestCainGH — Sat, 01 Mar 2025 23:10:57 GMT

Will the calcite-components-react package/wrapper still be needed when using React 19 which fully supports web components? I recently learned we no longer need the map-components-react package when using 4.32 of the ArcGIS Maps SDK and React 19. Will calcite be similar in the near future?

Thanks!

Re: React 19 and web components

KittyHurley — Sun, 02 Mar 2025 18:30:19 GMT

Hi @ForrestCainGH, similar to ArcGIS Maps SDK 4.32, Calcite 3 also does not require the calcite-components-react wrapper with React 19. Older React versions can still use the wrapper for smoother integration.

Re: React 19 and web components

ForrestCainGH — Mon, 03 Mar 2025 15:05:40 GMT

Thanks! I tested this yesterday, and I thought it still didn't work but I realized the name of the event property I was using was incorrect. I was testing on the Dropdown and in the docs it is called "calciteDropdownSelect" but I should be using "oncalciteDropdownSelect". I'm using next.js and typescript btw. Setting my types in the tsconfig.json lets me see what the actual event property names should be in vscode. I'm all good now.

{ "compilerOptions": { "types":["@arcgis/map-components/types/react", "@esri/calcite-components/types/react"],