JSX issue with ref and van-debug

[thednp]

I'm working on the vite-plugin-vanjs and I implemented a new feature: in development, load van.debug.js else load van.js. The problem is that our JSX implementation is using JSX ref as a van.state, (just like the original van-jsx implementation we forked) however van.debug throws

Error: DOM Node is not valid value for state

@Tao-VanJS how should we proceed? What's the point of checking that?

[Tao-VanJS]

We discourage having DOM-node-valued states. This is why you're seeing the error in van.debug.js. See https://vanjs.org/advanced#why-not-dom-valued-states for more information.

[thednp]

The issue happens in this code, something is not right with const anchor = van.tags.a(newProps, ...children); Error: van.js:18 Error: Invalid property value for children: Only string, number, boolean, bigint and null are valid prop value types can you please advise?

Do I need to do the check protoOf like vanjs?

[thednp]

@Tao-VanJS I found the problem: it's all about props, they need to be defined, so something like:
Object.fromEntries(Object.entries(props).filter(([_, val]) => val)

filter fixes that.