diff --git a/src/DevMenu.jsx b/src/DevMenu.jsx
index bba6fe1ca..483967a08 100644
--- a/src/DevMenu.jsx
+++ b/src/DevMenu.jsx
@@ -658,6 +658,9 @@ class DevMenuComponent extends Component {
 
         return (
 <div className="col">
+    <div className="row">
+        <h1>Development Menu - Only meant to be used for testing/debugging</h1>
+    </div>
     <div className="row">
         <h2>Generic</h2>
     </div>
@@ -1160,714 +1163,19 @@ export function createDevMenu() {
         throw new Error("Cannot create Dev Menu because you are not in a dev build");
     }
 
-    const devMenuText = createElement("h1", {
-        display: "block",
-        innerText: "Development Menu - Only meant to be used for testing/debugging",
-    });
-
-    // Generic
-    const genericHeader = createElement("h2", {
-        display: "block",
-        innerText: "Generic"
-    });
-
-    const addMoney = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.gainMoney(1e15);
-        },
-        display: "block",
-        innerText: "Add $1000t",
-    });
-
-    const addMoney2 = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.gainMoney(1e12);
-        },
-        display: "block",
-        innerText: "Add $1t",
-    })
-
-    const addRam = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.getHomeComputer().maxRam *= 2;
-        },
-        display: "block",
-        innerText: "Double Home Computer RAM",
-    });
-
-    const triggerBitflume = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            hackWorldDaemon(Player.bitNodeN, true);
-        },
-        innerText: "Trigger BitFlume",
-    });
-
-    const destroyCurrentBitnode = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            hackWorldDaemon(Player.bitNodeN);
-        },
-        innerText: "Destroy Current BitNode",
-        tooltip: "Will grant Source-File for the BitNode",
-    });
-
-    // Experience / stats
-    const statsHeader = createElement("h2", {
-        display: "block",
-        innerText: "Experience/Stats"
-    });
-
-    const statsHackingExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- hacking exp",
-        type: "number",
-    });
-    const statsHackingExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsHackingExpInput.value);
-            Player.gainHackingExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Hacking Exp",
-    });
-
-    const statsStrengthExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- strength exp",
-        type: "number",
-    });
-    const statsStrengthExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsStrengthExpInput.value);
-            Player.gainStrengthExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Strength Exp",
-    });
-
-    const statsDefenseExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- defense exp",
-        type: "number",
-    });
-    const statsDefenseExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsDefenseExpInput.value);
-            Player.gainDefenseExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Defense Exp",
-    });
-
-    const statsDexterityExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- dexterity exp",
-        type: "number",
-    });
-    const statsDexterityExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsDexterityExpInput.value);
-            Player.gainDexterityExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Dexterity Exp",
-    });
-
-    const statsAgilityExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- agility exp",
-        type: "number",
-    });
-    const statsAgilityExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsAgilityExpInput.value);
-            Player.gainAgilityExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Agility Exp",
-    });
-
-    const statsCharismaExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- charisma exp",
-        type: "number",
-    });
-    const statsCharismaExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsCharismaExpInput.value);
-            Player.gainCharismaExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Charisma Exp",
-    });
-
-    const statsIntelligenceExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- intelligence exp",
-        type: "number",
-    });
-    const statsIntelligenceExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsIntelligenceExpInput.value);
-            Player.gainIntelligenceExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Intelligence Exp",
-    });
-
-    const statsEnableIntelligenceButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.intelligence = 1;
-        },
-        innerText: "Enable Intelligence"
-    });
-
-    const statsDisableIntelligenceButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.intelligence = 0;
-        },
-        innerText: "Disable Intelligence"
-    });
-
-    // Factions
-    const factionsHeader = createElement("h2", {innerText: "Factions"});
-
-    const factionsDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const i in Factions) {
-        factionsDropdown.options[factionsDropdown.options.length] = new Option(Factions[i].name, Factions[i].name);
-    }
-
-    const factionsAddButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const facName = factionsDropdown.options[factionsDropdown.selectedIndex].value;
-            Player.receiveInvite(facName);
-        },
-        innerText: "Receive Invite to Faction",
-    });
-
-    const factionsReputationInput = createElement("input", {
-        placeholder: "Rep to add to faction",
-        type: "number",
-    });
-
-    const factionsReputationButton = createElement("button", {
-        class: "std-button",
-        innerText: "Add rep to faction",
-        clickListener: () => {
-            const facName = getSelectText(factionsDropdown);
-            const fac = Factions[facName];
-            const rep = parseFloat(factionsReputationInput.value);
-            if (fac != null && !isNaN(rep)) {
-                fac.playerReputation += rep;
-            }
-        },
-    });
-
-    // Augmentations
-    const augmentationsHeader = createElement("h2", {innerText: "Augmentations"});
-
-    const augmentationsDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const i in AugmentationNames) {
-        const augName = AugmentationNames[i];
-        augmentationsDropdown.options[augmentationsDropdown.options.length] = new Option(augName, augName);
-    }
-
-    const augmentationsQueueButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.queueAugmentation(augmentationsDropdown.options[augmentationsDropdown.selectedIndex].value);
-        },
-        innerText: "Queue Augmentation",
-    });
-
-    const giveAllAugmentationsButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AugmentationNames) {
-                const augName = AugmentationNames[i];
-                Player.queueAugmentation(augName);
-            }
-        },
-        display: "block",
-        innerText: "Queue All Augmentations",
-    });
-
-    // Source Files
-    const sourceFilesHeader = createElement("h2", { innerText: "Source-Files" });
-
-    const removeSourceFileDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (let i = 0; i < 24; ++i) {
-        removeSourceFileDropdown.add(createOptionElement(String(i)));
-    }
-
-    const removeSourceFileButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const numToRemove = parseInt(getSelectText(removeSourceFileDropdown));
-            for (let i = 0; i < Player.sourceFiles.length; ++i) {
-                if (Player.sourceFiles[i].n === numToRemove) {
-                    Player.sourceFiles.splice(i, 1);
-                    hackWorldDaemon(Player.bitNodeN, true);
-                    return;
-                }
-            }
-        },
-        innerText: "Remove Source File and Trigger Bitflume",
-    });
-
-    // Programs
-    const programsHeader = createElement("h2", {innerText: "Programs"});
-
-    const programsAddDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const i in Programs) {
-        const progName = Programs[i].name;
-        programsAddDropdown.options[programsAddDropdown.options.length] = new Option(progName, progName);
-    }
-
-    const programsAddButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const program = programsAddDropdown.options[programsAddDropdown.selectedIndex].value;
-            if(!Player.hasProgram(program)) {
-                Player.getHomeComputer().programs.push(program);
-            }
-        },
-        innerText: "Add Program",
-    })
-
-    // Servers
-    const serversHeader = createElement("h2", {innerText: "Servers"});
-
-    const serversOpenAll = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AllServers) {
-                AllServers[i].hasAdminRights = true;
-                AllServers[i].sshPortOpen    = true;
-                AllServers[i].ftpPortOpen    = true;
-                AllServers[i].smtpPortOpen   = true;
-                AllServers[i].httpPortOpen   = true;
-                AllServers[i].sqlPortOpen    = true;
-                AllServers[i].openPortCount  = 5;
-            }
-        },
-        display: "block",
-        innerText: "Get Admin Rights to all servers",
-    });
-
-    const serversMinSecurityAll = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AllServers) {
-                AllServers[i].hackDifficulty = AllServers[i].minDifficulty;
-            }
-        },
-        display: "block",
-        innerText: "Set all servers to min security",
-    });
-
-    const serversMaxMoneyAll = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AllServers) {
-                AllServers[i].moneyAvailable = AllServers[i].moneyMax;
-            }
-        },
-        display: "block",
-        innerText: "Set all servers to max money",
-    });
-
-    const serversConnectToDropdown = createElement("select", {class: "dropdown"});
-    for (const i in AllServers) {
-        const hn = AllServers[i].hostname;
-        serversConnectToDropdown.options[serversConnectToDropdown.options.length] = new Option(hn, hn);
-    }
-
-    const serversConnectToButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const host = serversConnectToDropdown.options[serversConnectToDropdown.selectedIndex].value;
-            Terminal.connectToServer(host);
-        },
-        innerText: "Connect to server",
-    });
-
-    // Companies
-    const companiesHeader = createElement("h2", { innerText: "Companies" });
-
-    const companiesDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const c in Companies) {
-        companiesDropdown.add(createOptionElement(Companies[c].name));
-    }
-
-    const companyReputationInput = createElement("input", {
-        margin: "5px",
-        placeholder: "Rep to add to company",
-        type: "number",
-    });
-
-    const companyReputationButton = createElement("button", {
-        class: "std-button",
-        innerText: "Add rep to company",
-        clickListener: () => {
-            const compName = getSelectText(companiesDropdown);
-            const company = Companies[compName];
-            const rep = parseFloat(companyReputationInput.value);
-            if (company != null && !isNaN(rep)) {
-                company.playerReputation += rep;
-            } else {
-                console.warn(`Invalid input for Dev Menu Company Rep. Company Name: ${compName}. Rep: ${rep}`);
-            }
-        }
-    });
-
-    // Bladeburner
-    const bladeburnerHeader = createElement("h2", {innerText: "Bladeburner"});
-
-    const bladeburnerGainRankInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "Rank to gain (or negative to lose rank)",
-        type: "number",
-    });
-
-    const bladeburnerGainRankButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const rank = parseInt(bladeburnerGainRankInput.value);
-                Player.bladeburner.changeRank(rank);
-            } catch(e) {
-                exceptionAlert(`Failed to change Bladeburner Rank in dev menu: ${e}`);
-            }
-        },
-        innerText: "Gain Bladeburner Rank",
-    });
-
-    const bladeburnerStoredCyclesInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "# Cycles to Add",
-        type: "number",
-    });
-
-    const bladeburnerStoredCyclesButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const cycles = parseInt(bladeburnerStoredCyclesInput.value);
-                Player.bladeburner.storedCycles += cycles;
-            } catch(e) {
-                exceptionAlert(`Failed to add cycles to Bladeburner in dev menu: ${e}`);
-            }
-        },
-        innerText: "Add Cycles to Bladeburner mechanic",
-    });
-
-    // Gang
-    const gangHeader = createElement("h2", {innerText: "Gang"});
-
-    const gangStoredCyclesInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "# Cycles to add",
-        type: "number",
-    });
-
-    const gangAddStoredCycles = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const cycles = parseInt(gangStoredCyclesInput.value);
-                Player.gang.storedCycles += cycles;
-            } catch(e) {
-                exceptionAlert(`Failed to add stored cycles to gang mechanic: ${e}`);
-            }
-        },
-        innerText: "Add cycles to Gang mechanic",
-    });
-
-    // Corporation
-    const corpHeader = createElement("h2", { innerText: "Corporation" });
-
-    const corpStoredCyclesInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "# Cycles to Add",
-        type: "number",
-    });
-
-    const corpStoredCyclesButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const cycles = parseInt(bladeburnerStoredCyclesInput.value);
-                Player.corporation.storeCycles(cycles);
-            } catch(e) {
-                exceptionAlert(`Failed to add cycles to Bladeburner in dev menu: ${e}`);
-            }
-        },
-        innerText: "Add Cycles to Corporation mechanic",
-    });
-
-    // Coding Contracts
-    const contractsHeader = createElement("h2", {innerText: "Coding Contracts"});
-
-    const generateRandomContractBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            generateRandomContract();
-        },
-        innerText: "Generate Random Contract",
-    });
-
-    const generateRandomContractOnHomeBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            generateRandomContractOnHome();
-        },
-        innerText: "Generate Random Contract on Home Comp",
-    });
-
-    const generateContractWithTypeSelector = createElement("select", { margin: "5px" });
-    const contractTypes = Object.keys(CodingContractTypes);
-    for (let i = 0; i < contractTypes.length; ++i) {
-        generateContractWithTypeSelector.add(createOptionElement(contractTypes[i]));
-    }
-
-    const generateContractWithTypeBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            generateContract({
-                problemType: getSelectText(generateContractWithTypeSelector),
-                server: "home",
-            });
-        },
-        innerText: "Generate Specified Contract Type on Home Comp",
-    });
-
-    // Stock Market
-    const stockmarketHeader = createElement("h2", {innerText: "Stock Market"});
-
-    const stockInput = createElement("input", {
-        class: "text-input",
-        display: "block",
-        placeholder: "Stock symbol(s), or 'all'",
-    });
-
-    function processStocks(cb) {
-        const input = stockInput.value.toString().replace(/\s/g, '');
-
-        // Empty input, or "all", will process all stocks
-        if (input === "" || input.toLowerCase() === "all") {
-            for (const name in StockMarket) {
-                if (StockMarket.hasOwnProperty(name)) {
-                    const stock = StockMarket[name];
-                    if (stock instanceof Stock) {
-                        cb(stock);
-                    }
-                }
-            }
-            return;
-        }
-
-        const stockSymbols = input.split(",");
-        for (let i = 0; i < stockSymbols.length; ++i) {
-            const stock = SymbolToStockMap[stockSymbols];
-            if (stock instanceof Stock) {
-                cb(stock);
-            }
-        }
-    }
-
-    const stockPriceChangeInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "Price to change stock(s) to",
-        type: "number",
-    });
-
-    const stockPriceChangeBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const price = parseInt(stockPriceChangeInput.value);
-            if (isNaN(price)) { return; }
-
-            processStocks((stock) => {
-                stock.price = price;
-            });
-            dialogBoxCreate(`Stock Prices changed to ${price}`);
-        },
-        innerText: "Change Stock Price(s)",
-    });
-
-    const stockViewPriceCapBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            let text = "";
-            processStocks((stock) => {
-                text += `${stock.symbol}: ${numeralWrapper.format(stock.cap, '$0.000a')}<br>`;
-            });
-            dialogBoxCreate(text);
-        },
-        innerText: "View Stock Price Caps",
-    });
-
-    // Sleeves
-    const sleevesHeader = createElement("h2", { innerText: "Sleeves" });
-
-    const sleevesRemoveAllShockRecovery = createElement("button", {
-        class: "std-button",
-        display: "block",
-        innerText: "Set Shock Recovery of All Sleeves to 0",
-        clickListener: () => {
-            for (let i = 0; i < Player.sleeves.length; ++i) {
-                Player.sleeves[i].shock = 100;
-            }
-        }
-    });
-
     // Add everything to container, then append to main menu
     const devMenuContainer = createElement("div", {
         class: "generic-menupage-container",
         id: devMenuContainerId,
     });
 
-    devMenuContainer.appendChild(devMenuText);
-    /*devMenuContainer.appendChild(genericHeader);
-    devMenuContainer.appendChild(addMoney);
-    devMenuContainer.appendChild(addMoney2);
-    devMenuContainer.appendChild(addRam);
-    devMenuContainer.appendChild(triggerBitflume);
-    devMenuContainer.appendChild(destroyCurrentBitnode);
-    devMenuContainer.appendChild(statsHeader);
-    devMenuContainer.appendChild(statsHackingExpInput);
-    devMenuContainer.appendChild(statsHackingExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsStrengthExpInput);
-    devMenuContainer.appendChild(statsStrengthExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsDefenseExpInput);
-    devMenuContainer.appendChild(statsDefenseExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsDexterityExpInput);
-    devMenuContainer.appendChild(statsDexterityExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsAgilityExpInput);
-    devMenuContainer.appendChild(statsAgilityExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsCharismaExpInput);
-    devMenuContainer.appendChild(statsCharismaExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsIntelligenceExpInput);
-    devMenuContainer.appendChild(statsIntelligenceExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsEnableIntelligenceButton);
-    devMenuContainer.appendChild(statsDisableIntelligenceButton);
-    devMenuContainer.appendChild(factionsHeader);
-    devMenuContainer.appendChild(factionsDropdown);
-    devMenuContainer.appendChild(factionsAddButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(factionsReputationInput);
-    devMenuContainer.appendChild(factionsReputationButton);
-    devMenuContainer.appendChild(augmentationsHeader);
-    devMenuContainer.appendChild(augmentationsDropdown);
-    devMenuContainer.appendChild(augmentationsQueueButton);
-    devMenuContainer.appendChild(giveAllAugmentationsButton);
-    devMenuContainer.appendChild(sourceFilesHeader);
-    devMenuContainer.appendChild(removeSourceFileDropdown);
-    devMenuContainer.appendChild(removeSourceFileButton);
-    devMenuContainer.appendChild(programsHeader);
-    devMenuContainer.appendChild(programsAddDropdown);
-    devMenuContainer.appendChild(programsAddButton);
-    devMenuContainer.appendChild(serversHeader);
-    devMenuContainer.appendChild(serversOpenAll);
-    devMenuContainer.appendChild(serversMinSecurityAll);
-    devMenuContainer.appendChild(serversMaxMoneyAll);
-    devMenuContainer.appendChild(serversConnectToDropdown);
-    devMenuContainer.appendChild(serversConnectToButton);
-    devMenuContainer.appendChild(companiesHeader);
-    devMenuContainer.appendChild(companiesDropdown);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(companyReputationInput);
-    devMenuContainer.appendChild(companyReputationButton);
-    devMenuContainer.appendChild(bladeburnerHeader);
-    devMenuContainer.appendChild(bladeburnerGainRankInput);
-    devMenuContainer.appendChild(bladeburnerGainRankButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(bladeburnerStoredCyclesInput);
-    devMenuContainer.appendChild(bladeburnerStoredCyclesButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(gangHeader);
-    devMenuContainer.appendChild(gangStoredCyclesInput);
-    devMenuContainer.appendChild(gangAddStoredCycles);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(corpHeader);
-    devMenuContainer.appendChild(corpStoredCyclesInput);
-    devMenuContainer.appendChild(corpStoredCyclesButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(contractsHeader);
-    devMenuContainer.appendChild(generateRandomContractBtn);
-    devMenuContainer.appendChild(generateRandomContractOnHomeBtn);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(generateContractWithTypeSelector);
-    devMenuContainer.appendChild(generateContractWithTypeBtn);
-    devMenuContainer.appendChild(stockmarketHeader);
-    devMenuContainer.appendChild(stockInput);
-    devMenuContainer.appendChild(stockPriceChangeInput);
-    devMenuContainer.appendChild(stockPriceChangeBtn);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(stockViewPriceCapBtn);
-    devMenuContainer.appendChild(sleevesHeader);
-    devMenuContainer.appendChild(sleevesRemoveAllShockRecovery);*/
-
    const entireGameContainer = document.getElementById("entire-game-container");
    if (entireGameContainer == null) {
        throw new Error("Could not find entire-game-container DOM element");
    }
    entireGameContainer.appendChild(devMenuContainer);
 
-   //react
-    devMenuContainer.appendChild(createElement("div", {
-        id: "react-dev-menu",
-    }));
-    ReactDOM.render(<DevMenuComponent />, document.getElementById('react-dev-menu'));
+    ReactDOM.render(<DevMenuComponent />, devMenuContainer);
 }
 
 export function closeDevMenu() {