SortableJS error when audioLists prop is empty array

[Karnak19]

Version

4.22.0

Description

With 4.22.0 version, when the audioLists prop is an empty array, it trigger an error from SortableJS (see current behavior)

Steps

function Player() {
  const [songList, setSongList] = useState([]);
  const { data: musics, isFetched } = useQuery('songs', getSongs);

  useEffect(() => {
    if (isFetched) {
      setSongList(
        musics.map((song) => {
          const [min, sec] = (song.duration || '2:10').split(':');

          return {
            name: song.title,
            musicSrc: song.s3_link,
            cover: song.album?.picture,
            singer: song.artist?.name,
            duration: +min * 60 + +sec,
          };
        })
      );
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [musics]);

  return (
        {/* ...... */}
        {isFetched && (
          <ReactJkMusicPlayer
            audioLists={[...songList]}
          />
        )}
      {/* ...... */}
  );
}

Steps to Reproduce

Pass an empty array to the audioLists prop

Expected Behavior

Component mounting without crashing, even with the empty array

Current Behavior

Crashing app

System information

Comments

It was workin perfectly fine on 4.21.2

[github-actions]

Hello @Karnak19, This bug/feature has been fixed/done and will be released together with the next release.
你好 @Karnak19，这个bug/feature 已经修复/完成, 会在下个版本一起发布。