Не получается отобразить скрипт через Helmet. Как правильно оформить?

Question

[Ника]

Пытаюсь добавить Комментарии(Script) в приложение React через хельмет (). Но он сыпит ошибку. Подскажите как правильно оформить это для React. Файл jsx

Код:

<div id="mc-container"></div>
	<Helmet>
			<script type="text/javascript">
			cackle_widget = window.cackle_widget || [];
			cackle_widget.push({widget: 'Comment', id: 80537});
			(function() {
			var mc = document.createElement('script');
			mc.type = 'text/javascript';
			mc.async = true;
			mc.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://cackle.me/widget.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
			})();
			</script>
	</Helmet>
	<a id="mc-link" href="https://cackle.me">Комментарии для сайта <b style="color:#4FA3DA">Cackl</b><b style="color:#F65077">e</b></a>

Error:

ERROR in ./src/components/Games/Details/Details.component.jsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: C:\gameapp\src\components\Games\Details\Details.component.jsx: Unexpected token, expected "}" (71:29)

  69 | 			<script type="text/javascript">
  70 | 			cackle_widget = window.cackle_widget || [];
> 71 | 			cackle_widget.push({widget: 'Comment', id: 80537});
     | 			                          ^
  72 | 			(function() {
  73 | 			var mc = document.createElement('script');
  74 | 			mc.type = 'text/javascript';
    at instantiate (C:\gameapp\node_modules\@babel\parser\lib\index.js:63:32)
    at constructor (C:\gameapp\node_modules\@babel\parser\lib\index.js:358:12)
    at FlowParserMixin.raise (C:\gameapp\node_modules\@babel\parser\lib\index.js:3255:19)
    at FlowParserMixin.unexpected (C:\gameapp\node_modules\@babel\parser\lib\index.js:3285:16)
    at FlowParserMixin.expect (C:\gameapp\node_modules\@babel\parser\lib\index.js:3627:28)

Comments

[Семён Федосеев]

Может он не видит window?
Для чего оборачиваете в элемент script через React компонент? Обычно так не делают.