क्यों 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