Return non DOM element as component with hyper dom expressions

I'd like to create a declarative api that uses components that are not part of the DOM tree. Sort of like this Canvas API:

function Example(props) {
  return h(Canvas,
    h(Bezier,{points:[]}
  )
}

function Example(props) {
  return h(Canvas,
    h(Bezier,{points:[]}
  )
}

I'm just not sure how to implement to Bezier so it can also receive events.

Return non DOM element as component with hyper dom expressions - SolidJS