Inject Content Script UI without Shadow Dom?

[maybebansky]

Im using the content script UI:

// in content.tsx
const CustomButton = () => {
  return <button>Custom button</button>
}
 
export default CustomButton

Is there a way to have the UI injected into the page but without being in the shadow DOM? I want my component to share styles with the rest of the page.

[maybebansky]

https://docs.plasmo.com/framework/content-scripts-ui/life-cycle#custom-root-container

export const getRootContainer = () => {
  const elem = document.createElement("div")
  document.body.appendChild(elem)
  return elem
}

const CustomButton = () => {
  return <button>findme</button>
}

export default CustomButton