React map is constantly moving on load?

GeoDev — Mon, 11 Oct 2021 14:45:08 GMT

LIVE CODE: https://ggroshansii.github.io/full-stack-gardening-app/

I'm learning react and trying to get my previously created map into a React project. I only want it in one div on one page of the project.

I followed this example here: https://github.com/davetimmins/create-react-app-esri-loader/ with their live code here: https://davetimmins.github.io/create-react-app-esri-loader/

The problem is when I replicated the example code above, even their project had this problem where the map is constantly moving. Am I missing a dependency or something?

Here is my main code for the component that has the map: https://github.com/ggroshansii/full-stack-gardening-app/blob/main/src/components/Primary/BodyComponents/Soil/Soil.js

Thank you for the help

Re: React map is constantly moving on load?

ReneRubalcava — Tue, 12 Oct 2021 14:52:46 GMT

Not quite sure, but I've seen this behavior if the arcgis CSS is not loaded, and looking at the network traffic of your app, I don't see it loading. I don't use esri-loader-react, so not sure if it has to manually load it or not, but would try that first.

topic Re: React map is constantly moving on load? in ArcGIS JavaScript Maps SDK Questions

React map is constantly moving on load?

Re: React map is constantly moving on load?