Vercel cannot collect data for Web Vitals using SvelteKit

Question

I have an application deployed to Vercel using SvelteKit and would like to enable Web Vitals in the Vercel dashboard. I go in and enable it, redeploy, and then visit the site but it just keeps waiting for incoming data. I have CSP configuration in my svelte config file that looks like this:

kit: {
        adapter: vercel(),
        csp: {
            mode: "auto",
            directives: {
                "script-src": [
                    "self",
                    "vitals.vercel-insights.com",
                    "cdn.vercel-insights.com",
                    "vercel.live"
                ]
            },
            reportOnly: {
                "script-src": [
                    "self",
                    "vitals.vercel-insights.com",
                    "cdn.vercel-insights.com",
                    "vercel.live"
                ],
                "report-uri": [
                    `REDACTED`
                ]
            }
        }
    }

Any thoughts on how to get it working would be appreciated. Thanks