diff --git a/apps/admin-x-design-system/src/hooks/useSortableIndexedList.tsx b/apps/admin-x-design-system/src/hooks/useSortableIndexedList.tsx index a547b7facc..e3929e733d 100644 --- a/apps/admin-x-design-system/src/hooks/useSortableIndexedList.tsx +++ b/apps/admin-x-design-system/src/hooks/useSortableIndexedList.tsx @@ -1,5 +1,6 @@ import {arrayMove} from '@dnd-kit/sortable'; import {useEffect, useState} from 'react'; +import _ from 'lodash'; export type SortableIndexedList = { items: Array<{ item: Item; id: string }>; @@ -32,7 +33,7 @@ const useSortableIndexedList = ({items, setItems, blank, c allItems.push(newItem); } - if (JSON.stringify(allItems) !== JSON.stringify(items)) { + if (!_.isEqual(JSON.parse(JSON.stringify(allItems)), JSON.parse(JSON.stringify(items)))) { setItems(allItems); } }, [editableItems, newItem, items, setItems, canAddNewItem]); diff --git a/apps/admin-x-settings/src/hooks/site/useNavigationEditor.tsx b/apps/admin-x-settings/src/hooks/site/useNavigationEditor.tsx index a5c8b7ce8b..28def71364 100644 --- a/apps/admin-x-settings/src/hooks/site/useNavigationEditor.tsx +++ b/apps/admin-x-settings/src/hooks/site/useNavigationEditor.tsx @@ -31,7 +31,7 @@ const useNavigationEditor = ({items, setItems}: { const list = useSortableIndexedList>({ items: items.map(item => ({...item, errors: {}})), setItems: newItems => setItems(newItems.map(({url, label}) => ({url, label}))), - blank: {label: '', url: '/', errors: {}}, + blank: {url: '/',label: '', errors: {}}, canAddNewItem: hasNewItem });