diff --git a/client/app/scripts/actions/app-actions.js b/client/app/scripts/actions/app-actions.js
index 854a1c1d45..4b9c78da4d 100644
--- a/client/app/scripts/actions/app-actions.js
+++ b/client/app/scripts/actions/app-actions.js
@@ -650,7 +650,8 @@ export function receiveApiDetails(apiDetails) {
     type: ActionTypes.RECEIVE_API_DETAILS,
     hostname: apiDetails.hostname,
     version: apiDetails.version,
-    plugins: apiDetails.plugins
+    newVersion: apiDetails.newVersion,
+    plugins: apiDetails.plugins,
   };
 }
 
diff --git a/client/app/scripts/components/footer.js b/client/app/scripts/components/footer.js
index 410edc45f8..d84ce95824 100644
--- a/client/app/scripts/components/footer.js
+++ b/client/app/scripts/components/footer.js
@@ -41,7 +41,7 @@ class Footer extends React.Component {
     const forceRelayoutTitle = 'Force re-layout (might reduce edge crossings, '
       + 'but may shift nodes around)';
     const versionUpdateTitle = versionUpdate
-      ? `New version available: ${versionUpdate.version}. Click to download`
+      ? `New version available: ${versionUpdate.get('version')} Click to download`
       : '';
 
     return (
@@ -50,9 +50,9 @@ class Footer extends React.Component {
           {versionUpdate && <a
             className="footer-versionupdate"
             title={versionUpdateTitle}
-            href={versionUpdate.downloadUrl}
+            href={versionUpdate.get('downloadUrl')}
             target="_blank" rel="noopener noreferrer">
-            Update available: {versionUpdate.version}
+            Update available: {versionUpdate.get('version')}
           </a>}
           <span className="footer-label">Version</span>
           {version}