Merge pull request #2785 from SUI-Components/feat/MMAA-42852-fix-phot…

…o-sorting feat(components/molecule/photoUploader): force synchronous update
SUI-Components · Dec 10, 2024 · 8360215 · 8360215
2 parents 7f44af2 + 4ca1569
commit 8360215
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/components/molecule/photoUploader/src/PhotosPreview/index.js b/components/molecule/photoUploader/src/PhotosPreview/index.js
@@ -1,3 +1,4 @@
+import {flushSync} from 'react-dom'
 import {ReactSortable} from 'react-sortablejs'
 
 import cx from 'classnames'
@@ -198,7 +199,13 @@ const PhotosPreview = ({
       chosenClass={`${THUMB_CLASS_NAME}--chosen`}
       tag="ul"
       list={files}
-      setList={setFiles}
+      setList={(newList, sortable) => {
+        if (sortable) {
+          flushSync(() => setFiles(newList))
+        } else {
+          setFiles(newList)
+        }
+      }}
       animation={200}
       draggable={`.${THUMB_SORTABLE_CLASS_NAME}`}
       onStart={event => _onSortStart(event)}