Firebase Functions,Hosting + React + TypeScriptでOGPを動的に作成したい

#前提として
現在、ReactとTypeScriptを使ってサイト作成をしています。
OGPの設定をReact-helmetを使用して作成しようと思いましたが、
ページごとにOGPの設定をすることができなかったので、Firebaseで動的に変更しようと考えています。

#理想的な動作
0. ユーザーがfirebase.jsonで設定したrewritesのパスを踏んだ時にFunctionが作動

呼び出された関数で設定した、OGPの記述をindex.htmlに送信しhead内に追加する

#現状の動作
rewritesで設定したパスを踏んでも404エラーが起きて何も表示されていません。

error
1GET https://sample.web.app/benefit/aaa 404

#聞きたいこと
・rewritesで設定したものをheadで追加するには何が足りないのか
・動作的な部分で足りないことはあるか

わかる方いましたらアドバイスをいただければと思います。

#実際のコード

index
1import * as functions from "firebase-functions";
2import * as fs from "fs"
3import * as path from "path"
4
5
6export const benefitFunction = functions.https.onRequest((req, res) => {
7  const image = "/ogp.jpg"
8  const title = ""
9  const description = ""
10  const ogTags =
11    '<meta name="twitter:card" content="summary_large_image"></meta>' +
12    `<meta property="og:title" content="{${title}}" />` +
13    `<meta property="og:description" content="{${description}}" />` +
14    `<meta property="og:image" content="https://www.example.com/${image}" />`
15  const htmlFile = fs.readFileSync(path.join(__dirname, "index.html"))
16  const html = htmlFile.toString().replace(`</head>`, `${ogTags}</head>`)
17  res.send(html)
18})

json
1{
2  "hosting": {
3    "public": "build",
4    "rewrites": [
5      {
6        "source": "/benefit/*",
7        "function": "benefitFunction"
8      },
9      {
10        "source": "**",
11        "destination": "/index.html"
12      }
13    ]
14  }
15}
16

package
1{
2  "name": "functions",
3  "scripts": {
4    "build": "tsc && react-scripts build && cp build/index.html functions/",
5    "watch": "tsc --watch",
6    "serve": "npm run build && firebase emulators:start --only functions",
7    "shell": "npm run build && firebase functions:shell",
8    "start": "npm run shell",
9    "deploy": "tsc && firebase deploy --only functions",
10    "logs": "firebase functions:log"
11  },
12  "engines": {
13    "node": "16"
14  },
15  "main": "lib/index.js",
16  "dependencies": {
17    "firebase-admin": "^9.8.0",
18    "firebase-functions": "^3.14.1"
19  },
20  "devDependencies": {
21    "firebase-functions-test": "^0.2.0",
22    "typescript": "^3.8.0"
23  },
24  "private": true
25}