refactor(tools): update tooling

client/.eslintrc.json

@@ -18,5 +18,10 @@
   },
   "env": {
     "browser": true
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
   }
 }

client/components/Autocomplete/AutoComplete.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Autosuggest from 'react-autosuggest';
 import { utils } from '~/config';
-import fuzzy from 'fuzzy';
+import fuzzy, { FilterOptions } from 'fuzzy';
 import styled from 'styled-components';
 import debounce from 'lodash/debounce';
 import { TextField } from '~/client/components/Toolkit';

client/components/Layout/Header.tsx

@@ -8,7 +8,7 @@ import styled from 'styled-components';
 import { withRouter } from 'next/router';
 import { WithRouterProps } from 'next/dist/client/with-router';
 
-type RouteType = { label: string; href: string; icon: JSX.Element };
+type RouteType = { label: string; href: string; icon: React.ReactElement };
 
 const routes: RouteType[] = [
   {

client/components/Search/FilteredWine.tsx

@@ -10,7 +10,9 @@ const WineCardStyled = styled(WineCard)`
   justify-self: center;
 `;
 
-type Props = { children: (wine: WineEnhanced) => JSX.Element } & PropsFromRedux;
+type Props = {
+  children: (wine: WineEnhanced) => React.ReactElement;
+} & PropsFromRedux;
 
 class FilteredWine extends React.Component<Props> {
   state = {