diff --git a/example/config.js b/example/config.js
index 30dcd11a..cca921d7 100644
--- a/example/config.js
+++ b/example/config.js
@@ -8,7 +8,7 @@ module.exports = {
   introduction: [
     'You can write one or several paragraphs to introduce yourself here. You can find this introduction in the `config.js` file in the template.',
     'In this site, almost everything supports Markdown Syntax. For example, you can add hyperlinks in the introduction such as [fxhsb](https://github.com/Reapor-Yurnero) with\n```markdown\n[fxhsb](https://github.com/Reapor-Yurnero)\n```',
-    'Here we try to test whether reloading is enabled when site updated (1).',
+    'Here we try to test whether reloading is enabled when site updated (2).',
   ],
   avatar: 'avatar.png',
   professions: [
diff --git a/gatsby-theme-academic/gatsby-browser.js b/gatsby-theme-academic/gatsby-browser.mjs
similarity index 100%
rename from gatsby-theme-academic/gatsby-browser.js
rename to gatsby-theme-academic/gatsby-browser.mjs
index 6d79ae74..a629fd1b 100644
--- a/gatsby-theme-academic/gatsby-browser.js
+++ b/gatsby-theme-academic/gatsby-browser.mjs
@@ -6,6 +6,6 @@ export const wrapPageElement = _wrapPageElement;
 
 // trigger an immediate page refresh when an update is found
 export const onServiceWorkerUpdateReady = () => {
-  window.location.reload();
   console.log('update found, reload the page');
+  window.location.reload();
 };
diff --git a/gatsby-theme-academic/gatsby-ssr.js b/gatsby-theme-academic/gatsby-ssr.mjs
similarity index 100%
rename from gatsby-theme-academic/gatsby-ssr.js
rename to gatsby-theme-academic/gatsby-ssr.mjs