diff --git a/src/webpack/common.tsx b/src/webpack/common.tsx
index 0bcc82ca..2f9aaa93 100644
--- a/src/webpack/common.tsx
+++ b/src/webpack/common.tsx
@@ -22,7 +22,7 @@ import type Other from "discord-types/other";
 import type Stores from "discord-types/stores";
 
 import { lazyWebpack } from "../utils/misc";
-import { _resolveReady, filters, mapMangledModuleLazy,waitFor } from "./webpack";
+import { _resolveReady, filters, mapMangledModuleLazy, waitFor } from "./webpack";
 export const Margins = lazyWebpack(filters.byProps(["marginTop20"]));
 
 export let FluxDispatcher: Other.FluxDispatcher;
@@ -115,7 +115,12 @@ export const Clipboard = mapMangledModuleLazy('document.queryCommandEnabled("cop
     SUPPORTS_COPY: x => typeof x === "boolean",
 });
 
-waitFor("useState", m => React = m);
+waitFor("useState", m => {
+    window._Ve$ = m.createElement;
+    window._VF$ = m.Fragment;
+    React = m;
+});
+
 waitFor(["dispatch", "subscribe"], m => {
     FluxDispatcher = m;
     const cb = () => {
diff --git a/tsconfig.json b/tsconfig.json
index 5d87cedd..5269748f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,8 +15,9 @@
         "noImplicitAny": false,
         "target": "ESNEXT",
         // https://esbuild.github.io/api/#jsx-factory
-        "jsxFactory": "Vencord.Webpack.Common.React.createElement",
-        "jsxFragmentFactory": "Vencord.Webpack.Common.React.Fragment",
+        // these short window aliases make the bundle ~10% smaller
+        "jsxFactory": "_Ve$",
+        "jsxFragmentFactory": "_VF$",
         "jsx": "react"
     },
     "include": ["src/**/*"]