react and reactdom in webpack + window

BetterDiscordApp/src/react-dom.js

@@ -0,0 +1 @@
+module.exports = window.ReactDOM

BetterDiscordApp/src/react.js

@@ -0,0 +1 @@
+module.exports = window.React

BetterDiscordApp/webpack.config.js

@@ -29,7 +29,11 @@ module.exports = {
     modules: [
       path.resolve("src", "builtins"),
       path.resolve("src", "modules")
-    ]
+    ],
+    alias: {
+      react$: path.resolve(__dirname, "src", "react.js"),
+      "react-dom$": path.resolve(__dirname, "src", "react-dom.js")
+    }
   },
   module: {
     rules: [
@@ -45,6 +49,10 @@ module.exports = {
             }
         }], "@babel/react"]
         }
+      },
+      {
+        test: /\.svg$/,
+        use: ['@svgr/webpack'],
       }
     ]
   },

modules/discord_desktop_core/core/app/BetterDiscord/index.js

@@ -43,6 +43,20 @@ async function privateInit(){
 
     //disabling sentry
     BDModules.get(e => e.getCurrentHub)[0].getCurrentHub().getClient().getOptions().enabled = false
+
+    // setting react in require cache
+    try{
+        window.React = require("react")
+    }catch(e){
+        const React = ModuleLoader.get(e => !["Component", "PureComponent", "Children", "createElement", "cloneElement"].map(c => !!e[c]).includes(false))[0]
+        window.React = React
+    }
+    try{
+        window.ReactDOM = require("react-dom")
+    }catch(e){
+        const ReactDOM = ModuleLoader.get(e => e.findDOMNode)[0]
+        window.ReactDOM = ReactDOM
+    }
     
     let original = BDModules.get((e) =>  e.createSound)[0].createSound
     BDModules.get((e) =>  e.createSound)[0].createSound = function(sound){
@@ -55,9 +69,9 @@ async function privateInit(){
                 },
                 set(data){
                     console.log("Attempting to set call_ringing value. Canceling "+data)
-                }
+                },
+                configurable: false
             })
-            console.log(returned)
             return returned
         }else{
             return original(...arguments)