No Response from sendToBackground()

// Adding the event listener to my new injected button to call generate
newButton.addEventListener("click", async () => {
        console.log("I have been clicked")

        const response = await sendToBackground({
          name: "generate"
        })

        console.log("Response " + response)
}

// background/test/generate.ts

import type { PlasmoMessaging } from "@plasmohq/messaging"
import { httpsCallable } from "firebase/functions"

import { functions } from "~firebase"

const handler: PlasmoMessaging.MessageHandler = async (req, res) => {
  const generateMessage = httpsCallable<any, any>(
    functions,
    "generateMessage"
  )

  console.log("Calling the method")

  const response = await generateMessage()

  console.log("Response " + JSON.stringify(response))

  res.send({
    response
  })
}

export default handler