Type errors loaders

src/components/common/GoogleAnalytics.js → src/components/common/GoogleAnalytics.tsx

@@ -1,11 +1,16 @@
 import React from 'react';
-import { withRouter } from 'react-router-dom';
+import { withRouter, RouteComponentProps } from 'react-router-dom';
 import ReactGA from 'react-ga';
 
+type Props = {} & RouteComponentProps<{}>;
+
 // Adapted from https://stackoverflow.com/a/47385875/5281021
-class GoogleAnalytics extends React.Component {
-  componentDidUpdate({ location, history }) {
-    ReactGA.initialize(process.env.REACT_APP_GA_TRACKING_ID, {
+class GoogleAnalytics extends React.Component<Props> {
+  componentDidUpdate({ location, history }: Props) {
+    const { REACT_APP_GA_TRACKING_ID } = process.env;
+    if (!REACT_APP_GA_TRACKING_ID) return;
+
+    ReactGA.initialize(REACT_APP_GA_TRACKING_ID, {
       debug: process.env.NODE_ENV === 'development',
     });
 

src/components/common/errors-loaders/Error.js → src/components/common/errors-loaders/Error.tsx

@@ -1,11 +1,18 @@
 import React from 'react';
 import styles from './ErrorsLoaders.module.scss';
 
-export default function Error({ title, message }) {
+interface Props {
+  title: string;
+  message: string;
+}
+
+const Error: React.FunctionComponent<Props> = ({ title, message }) => {
   return (
     <section className={styles.container}>
       <h2>{title}</h2>
       <div>{message}</div>
     </section>
   );
-}
+};
+
+export default Error;