Error: Invalid LatLng object: (undefined, undefined)

[MoussaRiad]

Describe the bug I have added the leaflet-tracking-marker to my project( which is for now a map with simple markers), and followed the same code example hosted in codesandbox link , But it doesn't rendering anything ( the hole map), and it showed me in the console this error : Uncaught Error: Invalid LatLng object: (undefined, undefined)

• at new LatLng (LatLng.js:32:1)
• at Object.toLatLng [as latLng] (LatLng.js:123:1)
• at NewClass.initialize (BaseMarker.js:23:1)
• at new NewClass (Class.js:22:1)
• at createMarker (LeafletTrackingMarker.js:42:1)
• at useMutableLeafletElement (element.js:10:1)
• at useLayer (layer.js:21:1)
• at ContainerComponent (component.js:6:1)
• at renderWithHooks (react-dom.development.js:14985:1)
• at updateForwardRef (react-dom.development.js:17044:1) A capture of the Map.js file is attached(the tracker marker in this case is called MovingMarker in the last lines) Any help will be appreciated

[alexandra-c]

Hello @MoussaRiad,

const [currentTrack, setCurrentTrack] = useState({});

In my example, the "currentTrack" is an object not an array, it represents one coordinate of your marker, latitude and longitude, defined by an object with two properties, "lat" and "lng".

I then destructure this "data" object and send its "lat" and "lng" values to the tracking marker as an array (see the code snippet bellow)

But this is just my example, you can handle your data differently in your project as long as you make sure that you are sending the "position" and "prevPos" to LeafletTrackingMarker in the required format.

<LeafletTrackingMarker icon={icon} position={[latitude, longitude]} previousPosition={[previousLatitude, previousLongitude]} />