topic Re: Moving Typescript application to react + Typescript with ArcGIS JS API 4.18 in ArcGIS JavaScript Maps SDK Questions

Moving Typescript application to react + Typescript with ArcGIS JS API 4.18

divyabathina — Fri, 26 Mar 2021 18:36:11 GMT

Hi All,

The support documents for frameworks in ArcGIS JS API present before are not found now wondering if they will be added? Looking for sample project to solve below issues

How to use import esri = ___esri in react + Typescript with ArcGIS JS API 4.18

Having below issue with View container able to fix it by adding as any. Looking for any better way?

Many Thanks,

Divya

Re: Moving Typescript application to react + Typescript with ArcGIS JS API 4.18

ReneRubalcava — Fri, 26 Mar 2021 20:05:56 GMT

The ref.current from useRef can be Element or undefined. Try to do something like this.

if (mapRef.current) { // mapRef.current typing should now be inferred as HTMLDivElement }

If all else fails you can say "as HTMLDivElement"

You can find framework samples on github now.

https://github.com/Esri/jsapi-resources/tree/master/esm-samples

Using the ESM build of @Anonymous User/core doesn't really require framework specific guides anymore. You just integrate it pretty much how you would any third-party library.

Re: Moving Typescript application to react + Typescript with ArcGIS JS API 4.18

DivyaBathina1 — Mon, 29 Mar 2021 17:17:09 GMT

Hi Rene,

Thanks for looking into this issue. Yes we have followed the same sample link which was useful.

Tried to do like below but still have issue and ui code is <div className="mapDiv" ref={mapDiv}></div>

Thanks,

Divya

Re: Moving Typescript application to react + Typescript with ArcGIS JS API 4.18

ReneRubalcava — Mon, 29 Mar 2021 17:31:09 GMT

mapDiv.current as HTMLDivElement

Re: Moving Typescript application to react + Typescript with ArcGIS JS API 4.18

divyabathina — Wed, 07 Apr 2021 22:18:44 GMT

its working now!!Thank you