nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

divyabathina

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?

Screenshot 2021-03-26 at 18.26.53.png

Many Thanks,

Divya

Find more posts tagged with

Accepted answers

RRubalcava

mapDiv.current as HTMLDivElement

All comments

divyabathina

its working now!!Thank you

RRubalcava

mapDiv.current as HTMLDivElement

divyabathina

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

RRubalcava

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.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.