Mapping multiple slate editor, when deleting one of the array element the values are not correctly shows

[arian0zen]

Description
I have an array of something, now i map the array to display a slate readOnly editor element for each element, but when I delete one of the array element, the value(initialValue) of that particular deleted editor is shifted to its next one, and next one's value shifted to next

Recording
please consider this loom
https://www.loom.com/share/0f2ce6560d2947fe936213ead567f905?sid=6b3d5b67-69b9-4754-af4e-635349d37401

Expectation
when i delete any element it should not shift other mapped element's initial value

Environment

• Slate Version: [e.g. 0.59]
• Operating System: [e.g. iOS]
• Browser: [e.g. Chrome, Safari]

mapped code:

 {changelogLists.map((changelog: ChangelogType, index: number) => {
              return (
                <div
                  key={index}
                  className="-ml-8 py-4 px-12 flex flex-col gap-1 border-b border-gray-300"
                >
                  
                  <ChangelogCard
                    initialValue_={changelog.slateJsDescendantContent}
                  />
                </div>
              );
            })}

the slate editor card component:

const ChangelogCard = ({ initialValue_ }: ChangelogCardProps) => {
  const [initialValue] = useState<Descendant[]>(JSON.parse(initialValue_));
  const renderElement = useCallback((props: any) => <Element {...props} />, []);
  const renderLeaf = useCallback((props: any) => <Leaf {...props} />, []);
  const editor = useMemo(
    () => withImages(withHistory(withReact(createEditor()))),
    []
  );

  return (
    <Slate editor={editor} initialValue={initialValue}>
      <Editable
        className="relative w-full h-fit text-sm rounded-md overflow-y-auto max-h-[700px] thin-scrollbar"
        style={{
          outline: "none",
          whiteSpace: "pre-wrap",
        }}
        disableDefaultStyles={true}
        renderElement={renderElement}
        renderLeaf={renderLeaf}
        readOnly={true}
      />
    </Slate>
  );
};

note: I am open to any kind of feedback and suggestion, please help me fix this issue