403 Failed to register a ServiceWorker for scope when embedding Cal

[jeremylee34]

Apologies in advance if this is the wrong place to post this question
I get this error in my console, despite the Cal rendering fine in my browser and the cal booking going through.
Any help would be appreciated :)

Details:

• node v20.11.1
• @calcom/embed-react v1.5.1
• nextJS with TailwindCSS

Below is the source code

[dosubot[bot]]

Hey there, @jeremylee34! I'm here to help you with your technical questions and bug fixes. Let's tackle this together!

I found a similar unsolved discussion regarding a CORS issue with the Cal.com embed script, which might be related to your 403 error when registering a ServiceWorker ^[1].

For the ServiceWorker registration, ensure that the ServiceWorker script is correctly available at the specified path (/service-worker.js). The Cal.com embed script attempts to register the ServiceWorker if the window object is defined and serviceWorker is available in the navigator ^[2].

Additionally, check the CORS settings for the Cal.com domain. The Cross-Origin-Resource-Policy header is set to cross-origin for resources like /embed/embed.js, which ensures they can be loaded in a cross-origin context ^[3]. Ensure that similar settings are applied to the /service-worker.js endpoint to avoid 403 errors due to CORS restrictions.

If the issue persists, verify that there are no network restrictions or security settings in your environment that might block the ServiceWorker script.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}