Set nonce on <script> tag thru setAttribute() instead of .nonce property

HTMLScriptElement.nonce doesn’t work in all browsers – setAttribute() does.

Author: rubenswieringa

.changeset/gentle-melons-look.md

@@ -0,0 +1,5 @@
+---
+'react-use-intercom': patch
+---
+
+Repair nonces on <script> tags

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);