Re-add initOnce on beforeCreate components.

app/assets/javascripts/merge_request_widget/approvals/components/approvals_footer.js.es6

@@ -18,6 +18,11 @@
         gl.ApprovalsStore.unapprove();
       },
     },
+    beforeCreate() {
+      gl.ApprovalsStore.initStoreOnce().then(() => {
+        this.loaded = true;
+      });
+    },
     template: `
       <div class='mr-widget-footer approved-by-users approvals-footer clearfix'>
         <span class='approvers-prefix'> Approved by </span>

app/assets/javascripts/merge_request_widget/approvals/stores/approvals_store.js.es6

@@ -15,6 +15,25 @@
     init(rootStore) {
       this.rootStore = rootStore;
       this.api = new gl.ApprovalsApi(rootStore.dataset.endpoint);
+      this.state = {
+        loading: false,
+      };
+    }
+
+    initStoreOnce() {
+      const state = this.state;
+      if (!state.loading) {
+        state.loading = true;
+        return this.fetch()
+          .then(() => {
+            state.loading = false;
+            this.assignToRootStore(false, 'loading');
+          })
+          .catch((err) => {
+            console.error(`Failed to initialize approvals store: ${err}`);
+          });
+      }
+      return Promise.resolve();
     }
 
     fetch() {