Uncaught SyntaxError: Unexpected token )
<p>I have an html file using which I am rendering a react component.
Here is my html file</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="../../../elements/css/elements.css"/&gt;
    &lt;link rel="shortcut icon" href="http://example.com/myicon.ico"/&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;h1&gt;Text Modal Demo&lt;/h1&gt;
&lt;p&gt;Styled using the Elements SDK.&lt;/p&gt;
&lt;br/&gt;
&lt;div id="app"&gt;&lt;/div&gt;

&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"&gt;&lt;/script&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"&gt;&lt;/script&gt;

&lt;script src="https://cdn.polyfill.io/v2/polyfill.js?features=CustomEvent,Intl.~locale.en,Intl.~locale.fr"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="../../jsfiles/textModal/dist.text-modal.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../../jsfiles/textModal/text-modal.js"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And here is my text-modal.js file </p>

<pre><code>function init() {

  // Demo eventing API
  document.body.dispatchEvent(new CustomEvent('o.InitTextModal', {
      detail: { elementId: 'app', contentTemplateLarge: true, footerVisible: true, successBtnCallback: () =&gt; { console.log('¡¡success button pressed!!') }}
  }
  ));
}
window.onload = init;
</code></pre>

<p>When I try to load the html file, I see this error in my console 
Uncaught SyntaxError: Unexpected token )  at Line 5 text-modal.js
which is this line - detail: <code>{ elementId: 'app', contentTemplateLarge: true, footerVisible: true, successBtnCallback: () =&gt; { console.log('¡¡success button pressed!!') }}</code></p>

<p>This issue is seen only on IE 11 and Android device. Works fine for iOS  </p>