Is this the correct way to redirect all route traffic based on useragent?

Due to the fact my SPA application has hydration issues on ios (separate bug) I am currently in a position where I cannot use SSR, so I have to use an SPA and pre-rendered pages for SEO.

My application currently sits on azure static sites and I am very happy with the performance and devops integrations.

So i am looking at integrating a service where search engine bots are re-directed to a static copy of my site, this would be easy in IIS or Nginx, but ideally I would like to stay on static-web-app.

The service page-replica publishes these instructions:

1. Detect bot traffic using the User-Agent header (e.g., Googlebot, Bingbot, Facebook, Twitter, etc.).
2. Redirect bots to the prerendered cache URL (e.g., ```https://cache.page-replica.com/[siteId]/[domain]/[path])```.
3. Serve normal users your regular dynamic site as usual.

I *think* I can do this via ```staticwebapp.config.json```, but I am unsure.

Will the below wildcard routing and re-direct work?

```
{
"routes" : [
{
"route": "/*",
"redirect": "https://cache.page-replica.com/200/www.example.com/*",
"headers": {
"User-Agent": "Googlebot"
}
},
{
"route": "/*",
"redirect": "https://cache.page-replica.com/200/www.example.com/*",
"headers": {
"User-Agent": "bingbot"
}
}

],
"navigationFallback": {
"rewrite": "/index.html",
"exclude": ["/images/*.{png,jpg,gif}", "/css/*"]
}
}
```