diff --git a/assets/js/src/common/loading.jsx b/assets/js/src/common/loading.jsx
index 29daf8dbfb..d4eb083480 100644
--- a/assets/js/src/common/loading.jsx
+++ b/assets/js/src/common/loading.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import MailPoet from 'mailpoet';
 
 class Loading extends React.Component {
-  componentWillMount() {
+  componentDidMount() {
     MailPoet.Modal.loading(true);
   }
 
diff --git a/assets/js/src/newsletters/templates.jsx b/assets/js/src/newsletters/templates.jsx
index 2d145fbbb6..16919a595f 100644
--- a/assets/js/src/newsletters/templates.jsx
+++ b/assets/js/src/newsletters/templates.jsx
@@ -67,7 +67,7 @@ class NewsletterTemplates extends React.Component {
     this.afterTemplateImport = this.afterTemplateImport.bind(this);
   }
 
-  componentWillMount() {
+  componentDidMount() {
     MailPoet.Ajax.get({
       api_version: window.mailpoet_api_version,
       endpoint: 'newsletterTemplates',