diff --git a/DashAI/front/src/components/notebooks/dataset/DatasetsCenterContent.jsx b/DashAI/front/src/components/notebooks/dataset/DatasetsCenterContent.jsx
index 754a24925..326ee1f36 100644
--- a/DashAI/front/src/components/notebooks/dataset/DatasetsCenterContent.jsx
+++ b/DashAI/front/src/components/notebooks/dataset/DatasetsCenterContent.jsx
@@ -83,6 +83,7 @@ export default function DatasetsCenterContent() {
   if (selectedNotebookId && selectedOption === "notebook") {
     return (
       <NotebookVisualization
+        key={selectedNotebookId}
         notebook={selectedNotebook}
         existingDatasets={datasets}
       />
diff --git a/DashAI/front/src/components/notebooks/notebook/NotebookView.jsx b/DashAI/front/src/components/notebooks/notebook/NotebookView.jsx
index 8e711100e..fcc9a978d 100644
--- a/DashAI/front/src/components/notebooks/notebook/NotebookView.jsx
+++ b/DashAI/front/src/components/notebooks/notebook/NotebookView.jsx
@@ -411,6 +411,7 @@ export default function NotebookView({ notebook }) {
           style={{ height: "100%" }}
           initialTopMostItemIndex={listSize > 1 ? listSize - 1 : 0}
           data={explorersAndConverters}
+          computeItemKey={(index, item) => `${item.type}-${item.id}`}
           itemContent={(index, item) => (
             <RowItem
               item={item}