From 6bf8031c345275f0ac3f7e99cae0472b066d6cfd Mon Sep 17 00:00:00 2001
From: Eric Charles <eric@datalayer.io>
Date: Mon, 2 Oct 2023 19:08:37 +0200
Subject: [PATCH] chore: clouder keys

---
 package.json         | 1 +
 src/DatalayerApp.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index c3960ff..4dc76a9 100644
--- a/package.json
+++ b/package.json
@@ -92,6 +92,7 @@
     "@types/react": "18.2.12",
     "@types/react-dom": "18.2.5",
     "@types/styled-components": "5.1.26",
+    "@types/webpack-env": "1.18.2",
     "@typescript-eslint/eslint-plugin": "4.8.1",
     "@typescript-eslint/parser": "4.8.1",
     "babel-loader": "9.1.2",
diff --git a/src/DatalayerApp.tsx b/src/DatalayerApp.tsx
index 0035f84..f555b9c 100644
--- a/src/DatalayerApp.tsx
+++ b/src/DatalayerApp.tsx
@@ -1,3 +1,5 @@
+///<reference types="webpack-env" />
+
 import { createRoot } from 'react-dom/client';
 import DatalayerJupyterLabHeadless from './DatalayerJupyterLabHeadless';
 
@@ -5,8 +7,8 @@ const div = document.createElement('div');
 document.body.appendChild(div);
 const root = createRoot(div);
 
-if ((module as any).hot) {
-  (module as any).hot.accept('./DatalayerJupyterLabHeadless', () => {
+if (module.hot) {
+  module.hot.accept('./DatalayerJupyterLabHeadless', () => {
     const DatalayerJupyterLabHeadless = require('./DatalayerJupyterLabHeadless').default;
     root.render(<DatalayerJupyterLabHeadless/>);
   })