How send message from background to content script UI

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
  // read changeInfo data and do something with it (like read the url)
  if (changeInfo.url) {
    // console.log(changeInfo)
    // do something here
    chrome.tabs.sendMessage(tabId, { greet: "hello" })
  }
})

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
  // read changeInfo data and do something with it (like read the url)
  if (changeInfo.url) {
    // console.log(changeInfo)
    // do something here
    chrome.tabs.sendMessage(tabId, { greet: "hello" })
  }
})

useEffect(() => {
  chrome.runtime.onMessage.addListener(function (msg, sender, sendResponse) {
      console.log("Received %o from %o, frame", msg, sender.tab, sender.frameId)
  })
}, [])

useEffect(() => {
  chrome.runtime.onMessage.addListener(function (msg, sender, sendResponse) {
      console.log("Received %o from %o, frame", msg, sender.tab, sender.frameId)
  })
}, [])

Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist.
Context
static/background/index.js

Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist.
Context
static/background/index.js