Leaflet Search not appearing

I've added a Leaflet map fine, and then added a Leaflet Search as per Using App Connect Geo Search. However it doesn't appear on the map, and console gives this error:

                                <div is="dmx-leaflet-map" id="leafletmap1" latitude="51.505" longitude="-0.09" address="London" zoom="10" style="width: 100%; height: 600px;" dmx-on:click="leafletmap1.addMarker(1,latitude,longitude);inp_latitude.setValue(latitude);inp_longitude.setValue(longitude)" layer-control="true">
                                    <dmx-leaflet-search id="leafletsearch1"></dmx-leaflet-search>
                                </div>