leaflet-geosearch Clicking on Map Address Suggestions returns error

Clicking on Map Address Suggestions returns error

Open sumibane opened this issue 2 years ago • 6 comments

Isse Description: When start typing on the Search box and try to select an entry from the list of suggestions that shows an uncaught reference is logged in the console and the marker is not moved.

import React, { useEffect } from "react";
import { useMap } from "react-leaflet";
import { GeoSearchControl, OpenStreetMapProvider } from "leaflet-geosearch";
import "leaflet-geosearch/dist/geosearch.css";

const SearchBox: React.FC = () => {
    const map = useMap();

    useEffect(() => {
        const provider = new OpenStreetMapProvider();
        //const provider = customProvider;
        //@ts-ignore
        const searchControl = new GeoSearchControl({
            provider,
            showMarker: true,
            autoClose: false,
            notFoundMessage: "Sorry! The entered item is not found."
        });

        map.addControl(searchControl);

        return () => {
            map.removeControl(searchControl);
        };
    }, [map]);

    return null;
};

export default SearchBox;

Error: Screenshot 2023-10-08 015550