diff --git a/client/webpack-hot-middleware-client.js b/client/webpack-hot-middleware-client.js
index f97c5853..ac8a7fc0 100644
--- a/client/webpack-hot-middleware-client.js
+++ b/client/webpack-hot-middleware-client.js
@@ -30,7 +30,16 @@ export default () => {
         return
       }
 
-      const { err } = Router.components[route] || {}
+      const { err, Component } = Router.components[route] || {}
+
+      if (!Component) {
+        // This only happens when we create a new page without a default export.
+        // If you removed a default export from a exising viewing page, this has no effect.
+        console.log(`Hard reloading due to no default component in page: ${route}`)
+        window.location.reload()
+        return
+      }
+
       if (err) {
         // reload to recover from runtime errors
         Router.reload(route)