From 4cc62a4593339c1615ee3b27d218d944fca79313 Mon Sep 17 00:00:00 2001
From: Ruben Swieringa <ruben@irrubenati.com>
Date: Tue, 1 Jul 2025 15:29:58 +0100
Subject: [PATCH] Set nonce on <script> tag thru setAttribute() instead of
 .nonce property
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

HTMLScriptElement.nonce doesn’t work in all browsers – setAttribute() does.
---
 .changeset/gentle-melons-look.md              | 5 +++++
 packages/react-use-intercom/src/initialize.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/gentle-melons-look.md

diff --git a/.changeset/gentle-melons-look.md b/.changeset/gentle-melons-look.md
new file mode 100644
index 0000000..f1a0b61
--- /dev/null
+++ b/.changeset/gentle-melons-look.md
@@ -0,0 +1,5 @@
+---
+'react-use-intercom': patch
+---
+
+Repair nonces on <script> tags
diff --git a/packages/react-use-intercom/src/initialize.ts b/packages/react-use-intercom/src/initialize.ts
index 730ed80..6ee524c 100644
--- a/packages/react-use-intercom/src/initialize.ts
+++ b/packages/react-use-intercom/src/initialize.ts
@@ -32,7 +32,7 @@ const initialize = (appId: string, timeout: number = 0, cspNonce?: string) => {
         var s = d.createElement('script');
         s.type = 'text/javascript';
         s.async = true;
-        if (cspNonce) s.nonce = cspNonce;
+        if (cspNonce) s.setAttribute('nonce', cspNonce);
         s.src = 'https://widget.intercom.io/widget/' + appId;
         var x = d.getElementsByTagName('script')[0];
         x.parentNode.insertBefore(s, x);