nodeOps.createElement throws when props === null

[andretchen0]

Problem

As of PR (80f8a2e), some playgrounds are broken. And user code is likely also broken.

Broken playground example:

http://localhost:5173/events/dynamic-objects

Error:

Uncaught (in promise) TypeError: props is null
    createElement nodeOps.ts:34

Here's the problem line in src/nodeOps.ts:

  function createElement(tag: string, _isSVG: undefined, _anchor: any, props: Partial<WithMathProps<TresObject>> = {}): TresObject | null {

The signature was changed from the signature in the Vue docs:

  createElement(
    type: string,
    isSVG?: boolean,
    isCustomizedBuiltIn?: string,
    vnodeProps?: (VNodeProps & { [key: string]: any }) | null
  ): HostElement

The new signature isn't equivalent. The docs' version says Vue can pass null for props.

But if nodeOps.createElement gets an explicit null, it throws on the next line when checking if (!props.args).

Solution

Revert the signature and readd the check for null props.

Reproduction

N/A - see above

Steps to reproduce

• Check out 80f8a2e – or, at the moment, check out the main Tres branch.
• pnpm dev
• Navigate to http://localhost:5173/events/dynamic-objects
• See error in console:

System Info

N/A

Used Package Manager

npm

Code of Conduct

• I agree to follow this project's Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.