Expose ReactDOM as global object, and ensure in-tree extension to use…

… the same instance (#5229) Signed-off-by: Hung-Han (Henry) Chen <chenhungh@gmail.com>
lensapp · Apr 11, 2022 · c66f9ad · c66f9ad
1 parent 542cbe9
commit c66f9ad
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 0 deletions.
diff --git a/extensions/kube-object-event-status/webpack.config.js b/extensions/kube-object-event-status/webpack.config.js
@@ -26,6 +26,7 @@ module.exports = [
       {
         "@k8slens/extensions": "var global.LensExtensions",
         "react": "var global.React",
+        "react-dom": "var global.ReactDOM",
         "mobx": "var global.Mobx",
         "mobx-react": "var global.MobxReact",
       },

diff --git a/extensions/metrics-cluster-feature/webpack.config.js b/extensions/metrics-cluster-feature/webpack.config.js
@@ -26,6 +26,7 @@ module.exports = [
       {
         "@k8slens/extensions": "var global.LensExtensions",
         "react": "var global.React",
+        "react-dom": "var global.ReactDOM",
         "mobx": "var global.Mobx",
         "mobx-react": "var global.MobxReact",
       },

diff --git a/extensions/node-menu/webpack.config.js b/extensions/node-menu/webpack.config.js
@@ -26,6 +26,7 @@ module.exports = [
       {
         "@k8slens/extensions": "var global.LensExtensions",
         "react": "var global.React",
+        "react-dom": "var global.ReactDOM",
         "mobx": "var global.Mobx",
         "mobx-react": "var global.MobxReact",
       },

diff --git a/extensions/pod-menu/webpack.config.js b/extensions/pod-menu/webpack.config.js
@@ -26,6 +26,7 @@ module.exports = [
       {
         "@k8slens/extensions": "var global.LensExtensions",
         "react": "var global.React",
+        "react-dom": "var global.ReactDOM",
         "mobx": "var global.Mobx",
         "mobx-react": "var global.MobxReact",
       },

diff --git a/src/renderer/bootstrap.tsx b/src/renderer/bootstrap.tsx
@@ -6,6 +6,7 @@
 import "./components/app.scss";
 
 import React from "react";
+import ReactDOM from "react-dom";
 import * as Mobx from "mobx";
 import * as MobxReact from "mobx-react";
 import * as ReactRouter from "react-router";
@@ -187,6 +188,7 @@ const LensExtensions = {
 
 export {
   React,
+  ReactDOM,
   ReactRouter,
   ReactRouterDom,
   Mobx,