diff --git a/frontend/src/data/mockData.js b/frontend/src/data/mockData.js
index c0b6890..6e04583 100644
--- a/frontend/src/data/mockData.js
+++ b/frontend/src/data/mockData.js
@@ -103,6 +103,7 @@ function mapRemotePersonToLocal(person, current = null) {
     firstName: person?.firstName || current?.firstName || t('Inconnu'),
     lastName: person?.lastName || current?.lastName || '',
     birthName: person?.birthName ?? current?.birthName ?? null,
+    nickname: person?.nickname ?? null,
     birthYear,
     birthDate: person?.birthDate || current?.birthDate || null,
     deathDate: person?.deathDate || current?.deathDate || null,
diff --git a/frontend/src/data/mockData.test.js b/frontend/src/data/mockData.test.js
index ee6caf9..a109f9e 100644
--- a/frontend/src/data/mockData.test.js
+++ b/frontend/src/data/mockData.test.js
@@ -76,3 +76,17 @@ describe('loadGraphData, union à un seul parent', () => {
     expect(getChildren('julien').map((p) => p.id).sort()).toEqual(['hugo', 'lea'])
   })
 })
+
+describe('loadGraphData, surnom', () => {
+  it("garde le surnom renvoyé par l'API", () => {
+    loadGraphData({
+      persons: [
+        { id: 'p-1', firstName: 'Louise', lastName: 'Martin', birthDate: null, deathDate: null, notes: null, nickname: 'Loulou' },
+        { id: 'p-2', firstName: 'Paul', lastName: 'Martin', birthDate: null, deathDate: null, notes: null, nickname: null },
+      ],
+      unions: [], filiations: [], medias: [], annotations: [],
+    })
+    expect(getPersonById('p-1').nickname).toBe('Loulou')
+    expect(getPersonById('p-2').nickname).toBeNull()
+  })
+})