ทำไม ReactDOM.createPortal ไม่ได้ทำงานอยู่ในเนื้อหาภายในสคริปต์?

ฉันต้องเนื้อหาได้ที่นี่tsx แฟ้มด้วยการต่อรหัส:

import React from "react";
import {createPortal} from 'react-dom';

import Text from './Text';

console.log(`Content script...`);

createPortal(
    <Text/>,
    document.body
);

"ข้อความ"ส่วนประกอบรหัส:

import React from 'react';

const Text = () => {
    return (
        <div>
            Just text...
        </div>
    );
};

export default Text;

ของปรากฏออกรวม:

...other keys
"content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": ["./static/js/content.js"],
      "run_at": "document_end"
    }
]

อย่างที่คุณเห็นที่แฟ้มถูกโหลดแล้วข้อความ Content script ... คือพิมพ์ออกในคอนโซล. https://i.stack.imgur.com/GS0gK.png

แต่ div กับข้อความ Just text... ไม่ได้เพิ่มเข้ากับร่างกาย,หรือจะพูดอีกอย่าง createPortal ไม่ทำงาน https://i.stack.imgur.com/j2geh.png