2 files changed, 8 insertions, 4 deletions
diff --git a/src/webpack/common.tsx b/src/webpack/common.tsx
index 77d339c..99f94f3 100644
--- a/src/webpack/common.tsx
+++ b/src/webpack/common.tsx
@@ -21,8 +21,8 @@ import { User } from "discord-types/general";
 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 { LazyComponent, lazyWebpack } from "../utils/misc";
+import { _resolveReady, filters, findByCode, mapMangledModuleLazy, waitFor } from "./webpack";
 export const Margins = lazyWebpack(filters.byProps("marginTop20"));
 
 export let FluxDispatcher: Other.FluxDispatcher;
@@ -48,8 +48,8 @@ export let Router: any;
 export let TextInput: any;
 export let Text: (props: TextProps) => JSX.Element;
 
-export const Select = lazyWebpack(filters.byCode("optionClassName", "popoutPosition", "autoFocus", "maxVisibleItems"));
-export const Slider = lazyWebpack(filters.byCode("closestMarkerIndex", "stickToMarkers"));
+export const Select = LazyComponent(() => findByCode("optionClassName", "popoutPosition", "autoFocus", "maxVisibleItems"));
+export const Slider = LazyComponent(() => findByCode("closestMarkerIndex", "stickToMarkers"));
 
 export let Parser: any;
 export let Alerts: {
diff --git a/src/webpack/webpack.ts b/src/webpack/webpack.ts
index 4f78f73..1a3e15d 100644
--- a/src/webpack/webpack.ts
+++ b/src/webpack/webpack.ts
@@ -290,6 +290,10 @@ export function findAllByProps(...props: string[]) {
     return findAll(filters.byProps(...props));
 }
 
+export function findByCode(...code: string[]) {
+    return find(filters.byCode(...code));
+}
+
 export function findByDisplayName(deezNuts: string) {
     return find(filters.byDisplayName(deezNuts));
 }