fix: remove all es6 syntax

(cherry picked from commit a3010fc)

Author: malwilley

src/overlay/components/CompileErrorTrace.js

@@ -1,5 +1,5 @@
 const ansiHTML = require('ansi-html');
-const { Html5Entities } = require('html-entities');
+const Html5Entities = require('html-entities').Html5Entities;
 const theme = require('../theme');
 const formatFilename = require('../utils/formatFilename');
 

src/overlay/index.js

@@ -326,9 +326,9 @@ function handleRuntimeError(error) {
 }
 
 module.exports = Object.freeze({
-  clearCompileError,
-  clearRuntimeErrors,
-  handleRuntimeError,
-  showCompileError,
-  showRuntimeErrors,
+  clearCompileError: clearCompileError,
+  clearRuntimeErrors: clearRuntimeErrors,
+  handleRuntimeError: handleRuntimeError,
+  showCompileError: showCompileError,
+  showRuntimeErrors: showRuntimeErrors,
 });

src/runtime/ErrorOverlayEntry.js

@@ -1,11 +1,11 @@
 /* global __resourceQuery, __react_refresh_error_overlay__, __react_refresh_init_socket__ */
 
-const {
-  error: registerErrorHandler,
-  unhandledRejection: registerUnhandledRejectionHandler,
-} = require('./errorEventHandlers');
+const errorEventHandlers = require('./errorEventHandlers');
 const formatWebpackErrors = require('./formatWebpackErrors');
 
+const registerErrorHandler = errorEventHandlers.error;
+const registerUnhandledRejectionHandler = errorEventHandlers.unhandledRejection;
+
 // Setup error states
 let isHotReload = false;
 let hasRuntimeErrors = false;

src/runtime/formatWebpackErrors.js

@@ -21,17 +21,19 @@ function formatMessage(message) {
 
   // Strip Webpack-added headers off errors/warnings
   // https://github.com/webpack/webpack/blob/master/lib/ModuleError.js
-  lines = lines.filter((line) => !/Module [A-z ]+\(from/.test(line));
+  lines = lines.filter(function (line) {
+    return !/Module [A-z ]+\(from/.test(line);
+  });
 
   // Remove leading newline
   if (lines.length > 2 && lines[1].trim() === '') {
     lines.splice(1, 1);
   }
 
   // Remove duplicated newlines
-  lines = lines.filter(
-    (line, index, arr) => index === 0 || line.trim() !== '' || line.trim() !== arr[index - 1].trim()
-  );
+  lines = lines.filter(function (line, index, arr) {
+    return index === 0 || line.trim() !== '' || line.trim() !== arr[index - 1].trim();
+  });
 
   // Clean up the file name
   lines[0] = lines[0].replace(/^(.*) \d+:\d+-\d+$/, '$1');

src/runtime/refreshUtils.js

@@ -27,7 +27,7 @@ function getReactRefreshBoundarySignature(moduleExports) {
     return signature;
   }
 
-  for (const key in moduleExports) {
+  for (let key in moduleExports) {
     if (key === '__esModule') {
       continue;
     }
@@ -143,7 +143,7 @@ function isReactRefreshBoundary(module) {
 
   let hasExports = false;
   let areAllExportsComponents = true;
-  for (const key in moduleExports) {
+  for (let key in moduleExports) {
     hasExports = true;
 
     // This is the ES Module indicator flag set by Webpack
@@ -185,7 +185,7 @@ function registerExportsForReactRefresh(module) {
     return;
   }
 
-  for (const key in moduleExports) {
+  for (let key in moduleExports) {
     // Skip registering the Webpack ES Module indicator
     if (key === '__esModule') {
       continue;
@@ -225,10 +225,10 @@ function shouldInvalidateReactRefreshBoundary(prevModule, nextModule) {
 }
 
 module.exports = Object.freeze({
-  createHotDisposeCallback,
-  createHotErrorHandler,
+  createHotDisposeCallback: createHotDisposeCallback,
+  createHotErrorHandler: createHotErrorHandler,
   enqueueUpdate: createDebounceUpdate(),
-  isReactRefreshBoundary,
-  shouldInvalidateReactRefreshBoundary,
-  registerExportsForReactRefresh,
+  isReactRefreshBoundary: isReactRefreshBoundary,
+  shouldInvalidateReactRefreshBoundary: shouldInvalidateReactRefreshBoundary,
+  registerExportsForReactRefresh: registerExportsForReactRefresh,
 });