[v1.3.2] Fix slider in context menu

manifest.json

@@ -7,7 +7,7 @@
     "discordID": "350227339784880130",
     "github": "griefmodz"
   },
-  "version": "1.3.1",
+  "version": "1.3.2",
   "updater": {
     "type": "github",
     "id": "griefmodz/statistic-counter"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "statistic-counter",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "A Replugged plug-in that has been ported from Powercord which introduces an interchangeable statistic counter in-between the home button and servers list.",
   "engines": {
     "node": ">=14.0.0"
@@ -31,7 +31,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-react": "^7.31.10",
     "prettier": "^2.8.1",
-    "replugged": "4.0.0-beta0.27",
+    "replugged": "4.0.0",
     "typescript": "^4.8.4"
   }
 }

src/components/ContextMenu.tsx

@@ -6,20 +6,25 @@ import { common, components, util, webpack } from 'replugged';
 import { prefs } from '@index';
 
 import CounterStore from '@lib/store';
+import ErrorBoundary from './ErrorBoundary';
 
 const { React, fluxDispatcher } = common;
 const { ContextMenu } = components;
 const { Messages } = common.i18n;
 
-const SliderControl = await webpack.waitForModule<typeof Slider>(webpack.filters.bySource('sliderContainer'));
+const SliderControl = await webpack
+  .waitForModule<typeof Slider>(webpack.filters.bySource('sliderContainer,'))
+  .then((mod) => Object.values(mod).find((mod) => mod?.render?.toString?.().includes('sliderContainer')));
 
 function CounterItems(): React.ReactElement[] {
-  return Object.keys(Counters).map((key) => {
+  const items: React.ReactElement[] = [];
+
+  for (const key in Counters) {
     const counter = key as CounterType;
     const counterName = Messages[Counters[counter].translationKey];
     const currentState = util.useSetting(prefs, counter);
 
-    return (
+    items.push(
       <ContextMenu.MenuCheckboxItem
         id={`show-${counter}`}
         label={Messages.STATISTIC_COUNTER_SHOW_COUNTER.format({ counter: counterName })}
@@ -43,7 +48,9 @@ function CounterItems(): React.ReactElement[] {
         }}
       />
     );
-  });
+  }
+
+  return items;
 }
 
 function VisibilityItems(): React.ReactElement {
@@ -130,7 +137,9 @@ function ContextMenuItems(): React.ReactElement {
 }
 
 export default React.memo((props) => (
-  <ContextMenu.ContextMenu navId='statistic-counter-context-menu' {...props}>
-    {ContextMenuItems()}
-  </ContextMenu.ContextMenu>
+  <ErrorBoundary>
+    <ContextMenu.ContextMenu navId='statistic-counter-context-menu' {...props}>
+      {ContextMenuItems()}
+    </ContextMenu.ContextMenu>
+  </ErrorBoundary>
 ));