From 82aaea6276b229808f59a4e18abb4b9a44316cfb Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
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(