@@ -60,8 +60,8 @@ function* toplevel() {

     try {

       yield rootTask.toPromise();

     } catch (err) {

-      console.log("Error!");

-      yield put(recordError(err));

+      console.log("Error!", err);

+      yield put(recordError(err.toString()));

       const { type } = yield take([

         "co/fwoar/APP_RESTART",

@@ -14,9 +14,11 @@ const initialState = {

   error: null

 };

-export const rootReducer = (state = initialState, action) =>

+export const rootReducer = (state = initialState, action) => (

+  console.log(action),

   R.cond([

     [typeEquals(UPDATE_NAME), applyAction("name", state)],

     [typeEquals(UPDATE_IP), applyAction("ip", state)],

     [R.T, action => ({ ...state, error: errorReducer(state.error, action) })]

-  ])(action);

+  ])(action)

+);

@@ -5,13 +5,14 @@ import { action } from "./redux-utils";

 export const restart = () => ({

   type: "co/fwoar/APP_RESTART"

 });

-const RECORD_ERROR = "RECORD_ERROR";

+const RECORD_ERROR = "co/fwoar/RECORD_ERROR";

 export const recordError = action(RECORD_ERROR);

 export const errorReducer = (state = null, { type, data }) => {

   if (type === "co/fwoar/APP_RESTART") {

     return null;

   } else if (type === "co/fwoar/RECORD_ERROR") {

+    console.log("recording an error");

     return data;

   } else {

     return state;

@@ -7,14 +7,14 @@ export const Root = ({ name, updateName, ip, getIp, fail, error, restart }) => (

   <div>

     {error ? (

       <div>

-        {error}

-        <button onClick={restart}>Restart</button>

+        Received an error with message: {error} Get Ip won't work until

+        error resolved. <button onClick={restart}>Restart</button>

       </div>

     ) : null}

     <NameControl name={name} updateName={updateName} />

     <IpControl ip={ip} getIp={getIp} />

+    <p />

     <button onClick={fail}>Fail</button>

-    <button onClick={restart}>Restart</button>

   </div>

 );

 Root.propTypes = {