diff --git a/packages/main/src/components/FilterBar/FilterDialog.tsx b/packages/main/src/components/FilterBar/FilterDialog.tsx
index 3c0dc6160f6..424568b5233 100644
--- a/packages/main/src/components/FilterBar/FilterDialog.tsx
+++ b/packages/main/src/components/FilterBar/FilterDialog.tsx
@@ -331,12 +331,14 @@ export const FilterDialog = (props: FilterDialogPropTypes) => {
   const [updatedIndex, setUpdatedIndex] = useState(undefined);
   useEffect(() => {
     if (currentReorderedItem?.index != null) {
-      setOrderedChildren((prev: any[]) => {
-        const { index, direction } = currentReorderedItem;
+      const { index, direction } = currentReorderedItem;
+      setOrderedChildren((prevChildren: ReactElement<FilterGroupItemInternalProps>[]) => {
+        const prev = [...prevChildren];
         switch (direction) {
           case 'up':
             if (index > 0) {
               setUpdatedIndex(index - 1);
+
               const temp = prev[index];
               prev[index] = prev[index - 1];
               prev[index - 1] = temp;
@@ -365,7 +367,7 @@ export const FilterDialog = (props: FilterDialogPropTypes) => {
             }
             break;
         }
-        return [...prev];
+        return prev;
       });
       void currentReorderedItem.target.focus();
     }