[Bug] incompatible dom objects within the react landscape about react-map-gl

[Pessimistress]

react-map-gl is a wrapper of the base library, i.e. mapbox-gl and maplibre-gl. Geocoder is not part of the base library. There is no magic function that turns any random third party plugin into a React component. If you wish to implement your own React wrapper for geocoder, you are welcome to open a thread in Discussions, but this is outside of the scope of the library itself.

[wibed]

i have all these events within the browser:

yet cant make out a single one within programatically
id access them like this

        const geocoderNode = ctrl.onAdd(mapboxMap)
        // START INSPECTION HERE BUT...
        const geocoderInputChildren = Array.from(geocoderNode.children).filter(el => el.tagName.toLowerCase() === "input")
        if (geocoderInputChildren.length === 0) { throw new Error("missing input") }
        const geocoderInput= geocoderInputChildren[0]
        // ...CANT FIND ANY EVENTS PROGRAMMATICALLY
        containerNode.appendChild(geocoderNode)

what could be the reason
i am trying to copy the events over from a htmlelement into a compatible react element
i tried using the following

        const geocoderInputNode = React.createElement(
          geocoderInput.tagName.toLowerCase(),
          { className: geocoderInput.className, type: "text", placeholder: "Search", "aria-label": "Search" }
        )

        const GeocoderNode: JSX.Element = React.createElement(
          geocoderNode.tagName.toLowerCase(), 
          { className: geocoderNode.classList },
          geocoderInputNode
        )

expected to be successfull but ended up with these events instead

[Pessimistress]

What does this have to do with react-map-gl?

[wibed]

What does this have to do with react-map-gl?

react-map-gl promises compatibility with react, appendChild is not a react function.
the useControl function does not expose the geocoder component in a react friendly manner it seems.