Duplicate keys Vue warning on Issue Boards page during development
Summary
Issue Boards page throws Vue warning for duplicate keys while running GitLab in development mode via GDK
[Vue warn]: Duplicate keys detected: '7'. This may cause an update error.
(found in <Root>)
warn @ vue.esm.js?1cc2:578
checkDuplicateKeys @ vue.esm.js?1cc2:5779
updateChildren @ vue.esm.js?1cc2:5717
patchVnode @ vue.esm.js?1cc2:5840
updateChildren @ vue.esm.js?1cc2:5726
patchVnode @ vue.esm.js?1cc2:5840
patch @ vue.esm.js?1cc2:6000
Vue._update @ vue.esm.js?1cc2:2647
updateComponent @ vue.esm.js?1cc2:2765
get @ vue.esm.js?1cc2:3115
run @ vue.esm.js?1cc2:3192
flushSchedulerQueue @ vue.esm.js?1cc2:2954
(anonymous) @ vue.esm.js?1cc2:1813
flushCallbacks @ vue.esm.js?1cc2:1734
Promise.then (async)
microTimerFunc @ vue.esm.js?1cc2:1782
nextTick @ vue.esm.js?1cc2:1826
queueWatcher @ vue.esm.js?1cc2:3041
update @ vue.esm.js?1cc2:3182
notify @ vue.esm.js?1cc2:684
mutator @ vue.esm.js?1cc2:842
addList @ boards_store.js?5408:32
(anonymous) @ index.js?5653:101
(anonymous) @ index.js?5653:100
Promise.then (async)
mounted @ index.js?5653:98
callHook @ vue.esm.js?1cc2:2895
mountComponent @ vue.esm.js?1cc2:2779
Vue$3.$mount @ vue.esm.js?1cc2:8429
Vue$3.$mount @ vue.esm.js?1cc2:10790
Vue._init @ vue.esm.js?1cc2:4570
Vue$3 @ vue.esm.js?1cc2:4659
__webpack_exports__.a @ index.js?5653:47
(anonymous) @ index.js?23e4:8`
Proposal
It is probably due to use of _uid
in app/views/shared/boards/_show.html.haml#L30
which is leading to repeating values. And since Vue doesn't show warnings in production build, this warning is not visible on GitLab.com. Removing :key
from the mentioned line fixes the problem.