update everything. use npm instead of yarn.

UI/src/App.js

@@ -1,13 +1,12 @@
 import React, { Component } from 'react'
 import { Provider } from 'react-redux'
-import { ConnectedRouter } from 'react-router-redux'
 import { DragDropContext } from 'react-dnd'
 import HTML5Backend from 'react-dnd-html5-backend'
 import createHistory from 'history/createBrowserHistory'
 import configureStore from './store/configureStore'
 import './App.css'
 import './generic.sass'
-
+import { Router } from 'react-router-dom'
 import Wrapper from './components/wrapper'
 import AppRouter from './router'
 import { userInit } from './actions'
@@ -18,18 +17,18 @@ const store = configureStore(undefined, history)
 window.__APP_STORE__ = store
 
 class _App extends Component {
-  componentWillMount() {
+  componentDidMount() {
     store.dispatch(userInit)
   }
 
   render() {
     return (
       <Provider store={store}>
-        <ConnectedRouter history={history}>
+        <Router history={history}>
           <Wrapper>
             <AppRouter />
           </Wrapper>
-        </ConnectedRouter>
+        </Router>
       </Provider>
     )
   }

UI/src/components/role-editor/index.js

@@ -35,7 +35,7 @@ const dropTarget = DropTarget(
   })
 )
 class RoleEditor extends Component {
-  componentWillMount() {
+  componentDidMount() {
     const {
       dispatch,
       match: {
@@ -231,4 +231,4 @@ class RoleEditor extends Component {
   }
 }
 
-export default dropTarget(connect(mapState)(RoleEditor))
+export default connect(mapState)(dropTarget(RoleEditor))

UI/src/components/role-picker/index.js

@@ -15,7 +15,7 @@ const mapState = ({ rolePicker, servers }, ownProps) => {
 }
 
 class RolePicker extends Component {
-  componentWillMount() {
+  componentDidMount() {
     const {
       dispatch,
       match: {

UI/src/components/servers/ServerLanding.js

@@ -9,7 +9,7 @@ export default class ServerLanding extends Component {
     exit: false,
   }
 
-  async componentWillMount() {
+  async componentDidMount() {
     console.log(this.props)
 
     try {

UI/src/reducers/index.js

@@ -4,7 +4,6 @@ import servers from './servers'
 import user from './user'
 import rolePicker from './role-picker'
 import roleEditor from './role-editor'
-import { routerMiddleware } from 'react-router-redux'
 // import roles from './roles'
 
 const initialState = {
@@ -36,7 +35,6 @@ const rootReducer = combineReducers({
   appState,
   servers,
   user,
-  router: routerMiddleware,
   // roles,
   rolePicker,
   roleEditor,

UI/src/router/index.js

@@ -21,7 +21,7 @@ class _AppRouter extends Component {
       <Switch>
         {isLoggedIn === true ? (
           // YES LOGGED IN
-          <Route path="/s" component={Servers} />
+          <Route path="/s" component={() => <Servers />} />
         ) : (
           // NOT LOGGED IN
           [

start.sh

@@ -3,12 +3,12 @@
 docker-compose up -d 
 
 pushd Server
-npm ci
+npm i
-yarn dev
+npm run dev
 
 popd
 
 pushd UI
-npm ci
+npm i
-yarn start
+npm start
 popd