From 82aaea6276b229808f59a4e18abb4b9a44316cfb Mon Sep 17 00:00:00 2001 From: Yasuaki Uechi Date: Tue, 24 Sep 2019 14:01:58 +0900 Subject: [PATCH] fix: init react-ga before mounting component --- web/src/App.tsx | 8 ++------ web/src/index.tsx | 3 ++- 2 files changed, 4 insertions(+), 7 deletions(-) diff --git a/web/src/App.tsx b/web/src/App.tsx index a213e00..dbe3f5f 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -1,8 +1,8 @@ -import React, {useState, useEffect} from 'react'; +import React, {useState} from 'react'; import styled, {createGlobalStyle} from 'styled-components'; import {Helmet} from 'react-helmet'; import {useTranslation} from 'react-i18next'; -import {initGA, sendQueryStatistics} from './util/analytics'; +import {sendQueryStatistics} from './util/analytics'; import Welcome from './components/Welcome'; import Form from './components/Form'; @@ -16,10 +16,6 @@ export default function App() { const [query, setQuery] = useState(''); const {t} = useTranslation(); - useEffect(() => { - initGA(); - }, []); - function onQuery(query: string) { setQuery(query); sendQueryStatistics(query.length); diff --git a/web/src/index.tsx b/web/src/index.tsx index 9879100..0d57f42 100644 --- a/web/src/index.tsx +++ b/web/src/index.tsx @@ -3,9 +3,10 @@ import ReactDOM from 'react-dom'; import App from './App'; import * as serviceWorker from './serviceWorker'; import {FullScreenSuspense} from './util/suspense'; -import {initSentry} from './util/analytics'; +import {initGA, initSentry} from './util/analytics'; import './util/i18n'; +initGA(); initSentry(); ReactDOM.render(