Cannot get Chakra-UI to render on Content

import { ChakraProvider } from "@chakra-ui/react"
import cssText from "data-text:~style.css"
import type { PlasmoCSConfig } from "plasmo"

import { CountButton } from "~features/count-button"
import { LeetcodePanel } from "~features/LeetcodePanel"

// export const config: PlasmoCSConfig = {
//   matches: ["https://www.plasmo.com/*"]
// }

const PlasmoOverlay = () => {
  return (
    <ChakraProvider>
      <LeetcodePanel />
      <div className="plasmo-z-50 plasmo-flex plasmo-fixed plasmo-top-32 plasmo-right-8"></div>
    </ChakraProvider>
  )
}

export default PlasmoOverlay