ReactJS Typescript

[vijaybadugu]

Is there any help online documentation for mapcomponents react js ? 

[DavidSolari]

If you're asking how to embed the new SDK components in a React component, the official docs go over how to render them and pass in data to their attributes. Once you hit a wall you can post about the specific component/attribute issue you're having and get focused help from there.

[vijaybadugu]

I created a separate component ActionBar.tsx , Which includes, Layers, Legend and basemap Gallerty 

      <CalcitePanel

        ref={(el) => { panelRefs.current['legend'] = el; }}

        heading="Legend"

        data-panel-id="legend"

        closed={activeWidget !== 'legend'}

        closable

        onCalcitePanelClose={handlePanelClose}

        style={{ height: '100%' }}

      >

        {mapRef && <ArcgisLegend legendStyle="classic" referenceElement={mapRef} />}  

I have passed Map reference object and View object, Nothing is working. I was getting No Legend.

[Justin_Greco]

I'm thinking it should be mapRef.current instead of just mapRef.

[vijaybadugu]

I tried everything with no luck

[Justin_Greco]

Can you post the entire code for your component? 

Since you are using React 19 and if this is a new app, I’d recommend not using the calcite-components-react wrapper.  

[ReneRubalcava]

If you have a github repo, can take a look, but our samples don't use the react wrappers

https://github.com/Esri/jsapi-resources/tree/main/component-samples/map-and-charts-components-react