domPropsInnerHTML does not work in tsx

[beary]

Version

3.0.0-rc.5

Reproduction link

https://codesandbox.io/s/wonderful-kepler-tmim6?file=/src/App.tsx:189-240

Steps to reproduce

Create a vite project and pass the domPropsInnerHTML property to a component in tsx

What is expected?

Use domPropsInnerHTML to render html.

Related document: https://github.com/vuejs/jsx#directives

What is actually happening?

domPropsInnerHTML do not render anything.

[sqal]

There's no longer { domProps: { innerHTML: '' } } or any other nested values in vnode data structure, instead vnode now receives flat props object, so simply replace it with innerHTML

Related RFC - https://github.com/vuejs/rfcs/blob/master/active-rfcs/0008-render-function-api-change.md#flat-vnode-props-format

Types needs to be updated though https://github.com/vuejs/vue-next/blob/73807aeaf72ab102510f9a9dfa1dcc21c11bf23a/packages/runtime-dom/types/jsx.d.ts#L249

[beary]

Thanks! It works, I'll create a pull requests to update jsx.d.ts

[fanquan]

Thanks! It works, I'll create a pull requests to update jsx.d.ts

How to update jsx.d.ts