Fix type errros

It seems that the types package was updated. So some code failed to compile

Author: majecty

ui/src/components/App/App.test.tsx

@@ -15,7 +15,7 @@ it("renders without crashing", () => {
     composeEnhancers(applyMiddleware(thunkMiddleware))
   );
   ReactDOM.render(
-    <Provider store={store}>
+    <Provider store={store as any}>
       <App />
     </Provider>,
     div

ui/src/components/Log/LeftFilter/ColorPicker/ColorPicker.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ColorResult, GithubPicker } from "react-color";
+import { ColorState, GithubPicker } from "react-color";
 
 import "./ColorPicker.css";
 
@@ -46,7 +46,7 @@ export default class ColorPicker extends React.Component<Props, State> {
   public handleClose = () => {
     this.setState({ isColorPickerOpen: false });
   };
-  public handleOnChangeColor = (color: ColorResult) => {
+  public handleOnChangeColor = (color: ColorState) => {
     this.setState({
       isColorPickerOpen: false
     });

ui/src/components/Log/LeftFilter/LeftFilter.tsx

@@ -212,7 +212,7 @@ const mapStateToProps = (state: ReducerConfigure) => ({
   selectedTargets: state.logReducer.filter.targets,
   nodes:
     state.chainNetworksReducer.chainNetworks &&
-    state.chainNetworksReducer.chainNetworks.nodes,
+    (state.chainNetworksReducer.chainNetworks.nodes as any[]),
   targets: state.logReducer.targets,
   nodeColors: state.logReducer.nodeColor
 });

ui/src/components/Log/LogViewer/LogViewer.tsx

@@ -126,7 +126,7 @@ class LogViewer extends React.Component<Props, any> {
   };
 }
 const mapStateToProps = (state: ReducerConfigure) => ({
-  logs: state.logReducer.logs,
+  logs: state.logReducer.logs as any[],
   orderBy: state.logReducer.orderBy,
   isFetchingLog: state.logReducer.isFetchingLog,
   noMoreData: state.logReducer.noMoreData,

ui/src/components/NodeList/NodeDetailContainer/NodeDetailContainer.tsx

@@ -15,7 +15,7 @@ interface OwnProps {
 }
 
 interface StateProps {
-  nodeInfo?: NodeInfo;
+  nodeInfo?: NodeInfo | null;
 }
 
 interface DispatchProps {

ui/src/components/NodeList/NodeListContainer/NodeListContainer.test.tsx

@@ -1,4 +1,4 @@
-import { NetworkNodeInfo } from "src/requests/types";
+import { NetworkNodeInfo } from "../../../requests/types";
 import * as NLC from "./NodeListContainer";
 
 describe("Test node ordering", () => {

ui/src/index.tsx

@@ -19,7 +19,7 @@ const store = createStore(
 );
 
 ReactDOM.render(
-  <Provider store={store}>
+  <Provider store={store as any}>
     <App />
   </Provider>,
   document.getElementById("root") as HTMLElement

ui/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />