diff --git a/src/plugins/betterBanReasons/index.tsx b/src/plugins/betterBanReasons/index.tsx
index e3a440bfa..1cae47eed 100644
--- a/src/plugins/betterBanReasons/index.tsx
+++ b/src/plugins/betterBanReasons/index.tsx
@@ -10,11 +10,7 @@ import definePlugin, { OptionType } from "@utils/types";
 import { Button, Forms, TextInput, useEffect, useState } from "@webpack/common";
 
 function ReasonsComponent() {
-    const [reasons, setReasons] = useState(settings.store.reasons as string[]);
-
-    useEffect(() => {
-        settings.store.reasons = reasons;
-    }, [reasons]);
+	const { reasons } = settings.use(["reasons"]);
 
     return (
         <Forms.FormSection title="Reasons">