Select to view content in your preferred language

React 19 and web components

328
2
Jump to solution
03-01-2025 03:10 PM
ForrestCainGH
Occasional Contributor

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!

0 Kudos
1 Solution

Accepted Solutions
KittyHurley
Esri Contributor

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

View solution in original post

0 Kudos
2 Replies
KittyHurley
Esri Contributor

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

0 Kudos
ForrestCainGH
Occasional Contributor

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"],