🧩 Plasmo Developers�PD
🧩 Plasmo Developers•3y ago•
16 replies
microbob

CSUI custom render function create default shadow DOM

I'm following this tutorial: https://docs.plasmo.com/framework/content-scripts-ui/life-cycle#custom-renderer to make a custom renderer. However, I'm getting this error when the call to createRootContainer() is called (this should make the default shadow DOM:

ui.ts:51 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'type')
    at injectAnchor (csui.ts:51:14)
    at createShadowContainer (csui.ts:67:3)
    at async Object.render (main.tsx:60:23)


What is the cause of this error and how can I create a default shadow DOM in a custom render function? Thanks!
Plasmo Docs
Life Cycle of Plasmo CSUI – Plasmo
Plasmo's CSUI orchestrates a lifecycle dedicated to mounting and unmounting your React, Vue, or Svelte components in a content script.
Life Cycle of Plasmo CSUI – Plasmo
Was this page helpful?