[Q/A] How to work with Custom Renderer?

[Mis-tian]

What happened?

A bug happened!


After following the official sample demo, I found that the method createRootContainer will report an error.

Also tell us, what did you expect to happen?
I want to hook the container inside docment.body or inside any dom (this may be asynchronous).
I would like to use the latest version of the demo example.

Version

Latest

What OS are you seeing the problem on?

No response

What browsers are you seeing the problem on?

No response

Relevant log output

csui.ts:53 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'type')
    at injectAnchor (csui.ts:53:21)
    at createShadowContainer (csui.ts:70:9)
    at async Object.render (main.tsx:95:30)

(OPTIONAL) Contact Details

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.

[louisgv]

Hey there - you will need to pass a valid anchor into the createRootContainer function (per the type error), UNLESS you also override the getRootContainer as well! <- this is indeed a gotcha with the current (scrappy/kinda bad) example :p...

I.e: the current example overrides both rootContainer + render, and since the overrode rootContainer doesn't care about anchor, I didn't have to pass down anything in the example