diff --git a/js/src/admin/components/HeaderPrimary.tsx b/js/src/admin/components/HeaderPrimary.tsx
index 060672697..41a23cb5c 100644
--- a/js/src/admin/components/HeaderPrimary.tsx
+++ b/js/src/admin/components/HeaderPrimary.tsx
@@ -11,13 +11,6 @@ export default class HeaderPrimary extends Component {
         return <ul className="Header-controls">{listItems(this.items().toArray())}</ul>;
     }
 
-    config(isInitialized, context) {
-        // Since this component is 'above' the content of the page (that is, it is a
-        // part of the global UI that persists between routes), we will flag the DOM
-        // to be retained across route changes.
-        context.retain = true;
-    }
-
     /**
      * Build an item list for the controls.
      *
diff --git a/js/src/admin/components/HeaderSecondary.tsx b/js/src/admin/components/HeaderSecondary.tsx
index 514731a1a..39dfe8af4 100644
--- a/js/src/admin/components/HeaderSecondary.tsx
+++ b/js/src/admin/components/HeaderSecondary.tsx
@@ -11,13 +11,6 @@ export default class HeaderSecondary extends Component {
         return <ul className="Header-controls">{listItems(this.items().toArray())}</ul>;
     }
 
-    config(isInitialized, context) {
-        // Since this component is 'above' the content of the page (that is, it is a
-        // part of the global UI that persists between routes), we will flag the DOM
-        // to be retained across route changes.
-        context.retain = true;
-    }
-
     /**
      * Build an item list for the controls.
      *