Custom renderer with hyper dom expressions

I've been trying to write my own custom renderer with the

solid-js/universal

solid-js/universal

solid-js/universal

solid-js/universal module, but I am failing to understand how I should integrate the renderer into for example a

Canvas

Canvas

Canvas

Canvas component. I've studied the solid-three example and solid-universal-renderer-template examples and they seem to use directive in

vite.config.js

vite.config.js

to tell the transpiler somehow to use the other renderer.

I'm just using vanilla js so maybe I need to path

solid/h

solid/h

solid/h

solid/h in some way to get this to work. At any rate I'd appreciate if someone could tell me this is the right direction to take.