Merge pull request #6 from smartlabsAT/feature/optimize-duplicate-check-and-useeffect-deps

Optimize duplicate breakpoint detection and fix useEffect dependencies

Author: smartlabsAT

src/BreakpointContext.tsx

@@ -82,17 +82,26 @@ export const BreakpointProvider: React.FC<BreakpointProviderProps> = ({
 
   /** Check for duplicate breakpoint values */
   useEffect(() => {
-    const duplicates = sortedBreakpoints.filter(
-      ([, value], index) => sortedBreakpoints.findIndex(([, v]) => v === value) !== index
-    );
+    const seenValues = new Set<number>();
+    const duplicates: Array<[Breakpoint, number]> = [];
+
+    for (const entry of sortedBreakpoints) {
+      const [, value] = entry;
+      if (seenValues.has(value)) {
+        duplicates.push(entry);
+      } else {
+        seenValues.add(value);
+      }
+    }
+
     if (duplicates.length > 0) {
       if (shouldLog) {
         console.error(
           '❌ BreakpointProvider: Duplicate breakpoint values detected. This may lead to unexpected behavior.'
         );
       }
     }
-  }, [sortedBreakpoints]);
+  }, [sortedBreakpoints, shouldLog]);
 
   // Determine the current breakpoint based on the measured width. 📏
   const currentBreakpoint = useMemo(() => {