Fix: migrate deprecated MUI APIs

aelassas · Feb 13, 2025 · b5bb62d · b5bb62d
1 parent d3b1f8a
commit b5bb62d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/backend/src/components/MultipleSelect.tsx b/backend/src/components/MultipleSelect.tsx
@@ -324,10 +324,14 @@ const MultipleSelect = ({
             </li>
           )
         }}
-        ListboxProps={ListboxProps || undefined}
         onFocus={onFocus || undefined}
-        ListboxComponent={ListBox}
         onOpen={onOpen || undefined}
+        slotProps={{
+          listbox: {
+            component: ListBox,
+            ...ListboxProps
+          }
+        }}
       />
     </div>
   )

diff --git a/frontend/src/components/MultipleSelect.tsx b/frontend/src/components/MultipleSelect.tsx
@@ -374,10 +374,14 @@ const MultipleSelect = ({
             </li>
           )
         }}
-        ListboxProps={ListboxProps || undefined}
         onFocus={onFocus || undefined}
-        ListboxComponent={ListBox}
         onOpen={onOpen || undefined}
+        slotProps={{
+          listbox: {
+            component: ListBox,
+            ...ListboxProps
+          }
+        }}
       />
     </div>
   )