error proof settings ui

src/renderer/components/settings/DiscordBranchPicker.tsx

@@ -4,12 +4,14 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
+import { ErrorBoundary } from "@vencord/types/components";
 import { Select } from "@vencord/types/webpack/common";
 
 import { SettingsComponent } from "./Settings";
 
 export const DiscordBranchPicker: SettingsComponent = ({ settings }) => {
     return (
+        <ErrorBoundary noop>
             <Select
                 placeholder="Stable"
                 options={[
@@ -22,5 +24,6 @@ export const DiscordBranchPicker: SettingsComponent = ({ settings }) => {
                 isSelected={v => v === settings.discordBranch}
                 serialize={s => s}
             />
+        </ErrorBoundary>
     );
 };

src/renderer/components/settings/Settings.tsx

@@ -179,12 +179,12 @@ function SettingsSections() {
 export default ErrorBoundary.wrap(
     function SettingsUI() {
         return (
-            <Forms.FormSection>
+            <section>
                 <Text variant="heading-xl/semibold" color="header-primary" className="vcd-settings-title">
                     Vesktop Settings
                 </Text>
                 <SettingsSections />
-            </Forms.FormSection>
+            </section>
         );
     },
     {

src/renderer/components/settings/WindowsTransparencyControls.tsx

@@ -4,6 +4,7 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
+import { ErrorBoundary } from "@vencord/types/components";
 import { Margins } from "@vencord/types/utils";
 import { Forms, Select } from "@vencord/types/webpack/common";
 
@@ -13,6 +14,7 @@ export const WindowsTransparencyControls: SettingsComponent = ({ settings }) =>
     if (!VesktopNative.app.supportsWindowsTransparency()) return null;
 
     return (
+        <ErrorBoundary noop>
             <div>
                 <Forms.FormTitle className={Margins.bottom8}>Transparency Options</Forms.FormTitle>
                 <Forms.FormText className={Margins.bottom8}>
@@ -43,5 +45,6 @@ export const WindowsTransparencyControls: SettingsComponent = ({ settings }) =>
                     serialize={s => s}
                 />
             </div>
+        </ErrorBoundary>
     );
 };