Problem creating web component with solid-element

import {Component, createEffect, createSignal, JSX, onMount} from "solid-js"
import Glide from "@glidejs/glide"
import {customElement} from "solid-element";


const VehicleGallery: Component = () => {

    onMount(() => {
        const glide = new Glide('.glide', {

              // GLIDE OPTIONS
        })
        glide.mount() // THROWS ERROR: "Root element must be a existing Html node"
    })

    return (
        <>
            <link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.core.min.css" />
            <link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.theme.min.css" />

            <div id="vehicle-gallery">
                <div class="glide">
                    <div class="glide__track" data-glide-el="track">
                        <ul class="glide__slides">
                            <li class="glide__slide">
                                <img src="https://dummyimage.com/1200x800/000000/fff.png"/>
                            </li>
                            <li class="glide__slide">
                                <img src="https://dummyimage.com/1200x800/FF0000/fff.png"/>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </>
    )
}

customElement('vehicle-gallery', {id: undefined}, (props, { element }) => {
    return <VehicleGallery id={props.id} />
})