From 1307332350351588621457be590bd9bf93c5c9d2 Mon Sep 17 00:00:00 2001
From: Alexander Akait <4567934+alexander-akait@users.noreply.github.com>
Date: Tue, 10 Aug 2021 12:06:32 +0300
Subject: [PATCH] refactor: use ECMA modules in overlay (#3607)

---
 client-src/overlay.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client-src/overlay.js b/client-src/overlay.js
index 7dad85104b..8a450987b3 100644
--- a/client-src/overlay.js
+++ b/client-src/overlay.js
@@ -1,8 +1,8 @@
 // The error overlay is inspired (and mostly copied) from Create React App (https://github.com/facebookincubator/create-react-app)
 // They, in turn, got inspired by webpack-hot-middleware (https://github.com/glenjamin/webpack-hot-middleware).
 
-const ansiHTML = require("ansi-html");
-const { encode } = require("html-entities");
+import ansiHTML from "ansi-html";
+import { encode } from "html-entities";
 
 const colors = {
   reset: ["transparent", "transparent"],
@@ -138,6 +138,7 @@ function show(messages, type) {
       const errorMessage = message.message || messages[0];
       const text = ansiHTML(encode(errorMessage));
       const messageTextNode = document.createElement("div");
+
       messageTextNode.innerHTML = text;
 
       entryElement.appendChild(typeElement);