GeoCoder query function returns undefined style error

[CharlesBilbo]

whenever using the query function on the geoCoder instance an error of Undifined is returned on the object style

        mapboxgl.accessToken = this.mapboxToken;
        this.map = new mapboxgl.Map({
            container: 'map-element',
            style: 'mapbox://styles/mapbox/light-v10',
            center: [-103.59179687498357, 40.66995747013945],
            zoom: 3
        })
        let geocoder = new MapboxGeocoder({
            accessToken: mapboxgl.accessToken,
            mapboxgl: mapboxgl,
            marker: false,

        })

        geocoder.query('new york')`

[tonviet712]

same issue

After 4 hours searching, I found the solution You need to add geocoder to DOM/HTML element Ex:

          <div id='geocoder-container' class="d-none"></div>



            var geocoder = new MapboxGeocoder({
                accessToken: mapboxgl.accessToken,
                mapboxgl: mapboxgl,
                marker: false,
                flyTo: false
            });
            geocoder.addTo('#geocoder-container')
            geocoder.query('new york')
            geocoder.on('result', function (result) {
                console.log(result)
            })