React Chrome Extension - How to pass data to React component from background.js

Question

I am creating a chrome extension which will inject something into DOM of any webpage. I have following directories in my project structure

1. extension
2. react-app

My manifest.json looks like this

{
    "name": "My Chrome Extension",
    "version": "1.0.0",
    "manifest_version": 3,
    "content_scripts": [
        {
          "matches": ["<all_urls>"],
          "js": [
            "content.js"
          ]
        }
      ],
      "background": {
        "service_worker": "./background.js"
      },
      "action": {
        "default_popup":"popup.html"
      },
  }

content.js is minified bundle file of react-app where I have all my components which I want to inject into webpages.

From background.js I am calling the APIs to fetch data. and this data I want to pass to my react components.

How can I do that?