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>
