Pesquisa de site

reactjs - Erro de análise do Typescript: '}' esperado ao tentar usar o Google Analytics


Estou tentando adicionar o Google Analytics ao meu aplicativo React e tenho a tag Script no head do arquivo HTML, mas quero que esta parte do script seja renderizada condicionamente. Não quero usar nenhuma dependência, se puder evitar. O código abaixo é o que estou usando, mas recebo um Erro de Análise. Alguém pode esclarecer meu dilema?

import React from 'react';

interface IGoogleAnalytics {
  arguments?: any
}

const GoogleAnalytics: React.FC<IGoogleAnalytics> = () => {
  return (
    <script>
      {
        window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
        ga.l=+new Date;
        ga('create', 'UA-000000000-1', 'auto');
        ga('send', 'pageview');
      }
    </script>
  )
}

export default GoogleAnalytics

Resposta #1

se você não quiser usar nenhuma dependência, então mova sua tag de script para o arquivo HTML depois do arquivo de script do Google Analytics.

<script src="link to Google Analytics script" />
<script>
    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
    ga.l=+new Date;
    ga('create', 'UA-000000000-1', 'auto');
    ga('send', 'pageview');
</script>