diff --git a/src/renderer/views/components/add-to-playlist.ejs b/src/renderer/views/components/add-to-playlist.ejs
index 9789b37c..d3f778d6 100644
--- a/src/renderer/views/components/add-to-playlist.ejs
+++ b/src/renderer/views/components/add-to-playlist.ejs
@@ -13,7 +13,7 @@
                     <div class="name">{{app.getLz('action.createPlaylist')}}</div>
                 </button>
                 <sidebar-playlist :playlist-select="playlistSelect" :relate-media-items="relateItems"
-                                  v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" :item="item">
+                                  v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" v-bind:key="item.id" :item="item">
                 </sidebar-playlist>
             </div>
             <div class="modal-search">
diff --git a/src/renderer/views/components/listitem-horizontal.ejs b/src/renderer/views/components/listitem-horizontal.ejs
index 3c12ee01..6a09353f 100644
--- a/src/renderer/views/components/listitem-horizontal.ejs
+++ b/src/renderer/views/components/listitem-horizontal.ejs
@@ -4,6 +4,7 @@
             <div v-for="items in itemPages">
                 <mediaitem-list-item
                         v-for="(song, index) in items" :show-library-status="showLibraryStatus"
+                        v-bind:key="song.id"
                         :parent="'listitem-hr' + simplifiedParent"
                         :index="song.index"
                         :item="song"></mediaitem-list-item>
diff --git a/src/renderer/views/components/mediaitem-scroller-horizontal-mvview.ejs b/src/renderer/views/components/mediaitem-scroller-horizontal-mvview.ejs
index a7e371ea..c5887b6b 100644
--- a/src/renderer/views/components/mediaitem-scroller-horizontal-mvview.ejs
+++ b/src/renderer/views/components/mediaitem-scroller-horizontal-mvview.ejs
@@ -6,13 +6,14 @@
                     ((item?.attributes?.kind != null || item?.attributes?.type == 'editorial-elements')
                      ? item :
                      ((item.relationships && item.relationships.contents ) ? item.relationships.contents.data[0] : item)) ?? (item)"
-                    :imagesize="imagesize"
+                    :imagesize="imagesize" v-bind:key="item.id"
                     :badge="item.attributes ?? [] " v-for="item in items"></mediaitem-mvview-sp>
         </template>
         <template v-else>
             <mediaitem-square :kind="kind" size="600" :key="item?.id ?? ''"
                               :item="item ? ((item.attributes?.kind != null || item.type == 'editorial-elements') ? item : ((item.relationships && item.relationships.contents ) ? item.relationships.contents.data[0] : item)) : []"
                               :imagesize="imagesize"
+                              v-bind:key="item.id"
                               v-for="item in items"></mediaitem-square>
         </template>
     </vue-horizontal>
diff --git a/src/renderer/views/components/mediaitem-scroller-horizontal-sp.ejs b/src/renderer/views/components/mediaitem-scroller-horizontal-sp.ejs
index 8b667485..7f78e138 100644
--- a/src/renderer/views/components/mediaitem-scroller-horizontal-sp.ejs
+++ b/src/renderer/views/components/mediaitem-scroller-horizontal-sp.ejs
@@ -2,7 +2,7 @@
     <div class="cd-hmedia-scroller hmedia-scroller-card">
         <vue-horizontal>
             <template>
-                <mediaitem-square kind="card" :item="item" size="300" :reasonShown="withReason"
+                <mediaitem-square kind="card" :item="item" size="300" :reasonShown="withReason" v-bind:key="item.id"
                                   v-for="item in items"></mediaitem-square>
             </template>
         </vue-horizontal>
diff --git a/src/renderer/views/components/mediaitem-square.ejs b/src/renderer/views/components/mediaitem-square.ejs
index 94aca1c8..889e7a5a 100644
--- a/src/renderer/views/components/mediaitem-square.ejs
+++ b/src/renderer/views/components/mediaitem-square.ejs
@@ -32,7 +32,7 @@
                       <%- include("../svg/play.svg") %>
                   </button>
                   <div class="badge-container" v-if="itemBadges.length != 0">
-                      <div class="socialBadge" v-for="badge in itemBadges.limit(1)">
+                      <div class="socialBadge" v-for="badge in itemBadges.limit(1)" v-bind:key="badge.id">
                           <mediaitem-artwork
                                   :url="(badge.attributes.artwork ? badge.attributes.artwork.url : '')"
                                   :size="32"></mediaitem-artwork>
@@ -102,7 +102,7 @@ Vue.component('mediaitem-square', {
               type: Boolean,
               default: false,
               required: false
-    },     
+    },
     'contextExt': { type: Object, required: false },
   },
   data: function () {
diff --git a/src/renderer/views/components/queue.ejs b/src/renderer/views/components/queue.ejs
index d2702b59..93512bbe 100644
--- a/src/renderer/views/components/queue.ejs
+++ b/src/renderer/views/components/queue.ejs
@@ -15,6 +15,7 @@
         </div>
         <div class="queue-body" v-if="page == 'history'">
             <mediaitem-list-item :show-library-status="false" v-for="item in history"
+                                 v-bind:key="item.id"
                                  :item="item"></mediaitem-list-item>
         </div>
         <div class="queue-body" v-if="page == 'queue'">
diff --git a/src/renderer/views/components/share-sheet.ejs b/src/renderer/views/components/share-sheet.ejs
index 9ac9f588..ef28d0b5 100644
--- a/src/renderer/views/components/share-sheet.ejs
+++ b/src/renderer/views/components/share-sheet.ejs
@@ -15,7 +15,7 @@
                         <div class="name">{{app.getLz('action.createPlaylist')}}</div>
                     </button>
                     <sidebar-playlist :playlist-select="playlistSelect"
-                                      v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" :item="item">
+                                      v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')" v-bind:key="item.id" :item="item">
                     </sidebar-playlist>
                 </div>
                 <div class="modal-search">
diff --git a/src/renderer/views/components/sidebar-playlist.ejs b/src/renderer/views/components/sidebar-playlist.ejs
index db152f25..3d25d702 100644
--- a/src/renderer/views/components/sidebar-playlist.ejs
+++ b/src/renderer/views/components/sidebar-playlist.ejs
@@ -19,7 +19,7 @@
         <div class="folder-body" v-if="item.type === 'library-playlist-folders' && folderOpened">
             <template v-if="children.length != 0">
                 <sidebar-playlist v-for="item in children" :relate-media-items="relateMediaItems"
-                                  :playlist-select="playlistSelect" :item="item" :key="item.id"></sidebar-playlist>
+                                  :playlist-select="playlistSelect" :item="item" v-bind:key="item.id"></sidebar-playlist>
             </template>
             <template v-else>
                 <div class="spinner"></div>
diff --git a/src/renderer/views/components/sidebar.ejs b/src/renderer/views/components/sidebar.ejs
index bfb16de3..8d9d034b 100644
--- a/src/renderer/views/components/sidebar.ejs
+++ b/src/renderer/views/components/sidebar.ejs
@@ -165,6 +165,7 @@
                 <template v-if="!$root.cfg.general.sidebarCollapsed.amplaylists">
                     <sidebar-playlist
                             v-for="item in $root.getPlaylistFolderChildren('p.applemusic')"
+                            v-bind:key="item.id"
                             :item="item"
                     >
                     </sidebar-playlist>
@@ -187,6 +188,7 @@
                 </button>
                 <sidebar-playlist
                         v-for="item in $root.getPlaylistFolderChildren('p.playlistsroot')"
+                        v-bind:key="item.id"madeforyou
                         :item="item"
                 >
                 </sidebar-playlist>
diff --git a/src/renderer/views/pages/artist-feed.ejs b/src/renderer/views/pages/artist-feed.ejs
index 24e7e1ae..2a42bdb5 100644
--- a/src/renderer/views/pages/artist-feed.ejs
+++ b/src/renderer/views/pages/artist-feed.ejs
@@ -41,7 +41,7 @@
                     </div>
                     <div class="well" style="margin-top:0;">
                         <template v-if="artistFeed.length > 0">
-                            <mediaitem-list-item v-for="item in artistFeed" :item="item"></mediaitem-list-item>
+                            <mediaitem-list-item v-for="item in artistFeed" v-bind:key="item.id" :item="item"></mediaitem-list-item>
                         </template>
                         <template v-else>
                             <div class="spinner"></div>
diff --git a/src/renderer/views/pages/cider-playlist.ejs b/src/renderer/views/pages/cider-playlist.ejs
index 5169f9bd..86e078d4 100644
--- a/src/renderer/views/pages/cider-playlist.ejs
+++ b/src/renderer/views/pages/cider-playlist.ejs
@@ -243,6 +243,7 @@
                                                                  :showIndex="true"
                                                                  :showIndexPlaylist="(data.attributes.playParams?.kind ?? data.type ?? '').includes('playlist')"
                                                                  :context-ext="buildContextMenu()"
+                                                                 v-bind:key="item.id"
                                                                  v-for="(item,index) in currentSlice"></mediaitem-list-item>
                                         </template>
                                         <template v-else>
@@ -255,6 +256,7 @@
                                                                      :showIndex="true"
                                                                      :showIndexPlaylist="(data.attributes.playParams?.kind ?? data.type ?? '').includes('playlist')"
                                                                      :context-ext="buildContextMenu()"
+                                                                     v-bind:key="item.id"
                                                                      v-for="(item,index) in disc.tracks"></mediaitem-list-item>
                                             </div>
 
diff --git a/src/renderer/views/pages/home.ejs b/src/renderer/views/pages/home.ejs
index 89e15a27..204f2630 100644
--- a/src/renderer/views/pages/home.ejs
+++ b/src/renderer/views/pages/home.ejs
@@ -17,7 +17,7 @@
                     <div class="well artistfeed-well">
                         <template v-if="isSectionReady('recentlyPlayed')">
                             <mediaitem-list-item v-for="item in recentlyPlayed.limit(6)"
-                                                 :item="item"></mediaitem-list-item>
+                                                 :item="item" v-bind:key="item.id"></mediaitem-list-item>
                         </template>
                         <div class="spinner" v-else></div>
                     </div>
@@ -39,7 +39,7 @@
                     </div>
                     <div class="well artistfeed-well" style="margin-top:0;">
                         <template v-if="artistFeed.length > 0">
-                            <mediaitem-list-item v-for="item in artistFeed.limit(6)" :item="item"></mediaitem-list-item>
+                            <mediaitem-list-item v-for="item in artistFeed.limit(6)" :item="item" v-bind:key="item.id"></mediaitem-list-item>
                         </template>
                         <div class="spinner" v-else-if="followedArtists.length > 0"></div>
                         <div class="no-artist" v-else> {{app.getLz('home.artistsFeed.noArtist')}}</div>
diff --git a/src/renderer/views/pages/library-albums.ejs b/src/renderer/views/pages/library-albums.ejs
index f63cd631..c91fbad4 100644
--- a/src/renderer/views/pages/library-albums.ejs
+++ b/src/renderer/views/pages/library-albums.ejs
@@ -81,7 +81,7 @@
                 </div>
             </div>
             <mediaitem-list-item v-if="prefs.viewAs == 'list'" :show-duration="false" :show-meta-data="true"
-                                 :show-library-status="false" :item="item" v-for="item in currentSlice">
+                                 :show-library-status="false" v-bind:key="item.id" :item="item" v-for="item in currentSlice">
             </mediaitem-list-item>
         </div>
     </div>
diff --git a/src/renderer/views/pages/library-recentlyadded.ejs b/src/renderer/views/pages/library-recentlyadded.ejs
index ff5f58da..33d9ae9f 100644
--- a/src/renderer/views/pages/library-recentlyadded.ejs
+++ b/src/renderer/views/pages/library-recentlyadded.ejs
@@ -2,11 +2,11 @@
     <div class="content-inner">
         <h1 class="header-text">{{$root.getLz('term.recentlyAdded')}}</h1>
         <div class="well itemContainer collection-list-square" v-if="itemSize == 'normal'">
-            <mediaitem-square v-for="item in items" :item="item"></mediaitem-square>
+            <mediaitem-square v-for="item in items" :item="item" v-bind:key="item.id"></mediaitem-square>
         </div>
         <div class="well itemContainer collection-list-square" v-else="itemSize == 'compact'">
             <mediaitem-list-item :show-meta-data="true" :show-library-status="false" v-for="item in items"
-                                 :item="item"></mediaitem-list-item>
+                                 :item="item" v-bind:key="item.id"></mediaitem-list-item>
         </div>
         <div class="well itemContainer collection-list-square" v-show="loading">
             <div class="spinner"></div>
diff --git a/src/renderer/views/pages/library-songs.ejs b/src/renderer/views/pages/library-songs.ejs
index c18c7902..7f14e3ca 100644
--- a/src/renderer/views/pages/library-songs.ejs
+++ b/src/renderer/views/pages/library-songs.ejs
@@ -84,12 +84,12 @@
         <div v-if="library.songs.downloadState == 3">Library contains no songs.</div>
         <div class="well" :key="1" v-if="prefs.size == 'compact'">
             <mediaitem-list-item class-list="compact" :item="item" :parent="'librarysongs'" :index="index"
-                                 :show-meta-data="true" :show-library-status="false"
+                                 :show-meta-data="true" :show-library-status="false" v-bind:key="item.id"
                                  v-for="(item, index) in currentSlice"></mediaitem-list-item>
         </div>
         <div class="well" :key="2" v-else>
             <mediaitem-list-item :item="item" :parent="'librarysongs'" :index="index" :show-meta-data="true"
-                                 :show-library-status="false"
+                                 :show-library-status="false" v-bind:key="item.id"
                                  v-for="(item, index) in currentSlice"></mediaitem-list-item>
         </div>
     </div>
diff --git a/src/renderer/views/pages/madeforyou.ejs b/src/renderer/views/pages/madeforyou.ejs
index bdbaebad..0428c772 100644
--- a/src/renderer/views/pages/madeforyou.ejs
+++ b/src/renderer/views/pages/madeforyou.ejs
@@ -5,7 +5,7 @@
         </div>
     </div>
     <div class="madeforyou-body">
-        <mediaitem-square :item="item" v-for="item in madeforyou.data">
+        <mediaitem-square :item="item" v-for="item in madeforyou.data" v-bind:key="item.id">
         </mediaitem-square>
     </div>
 </div>
diff --git a/src/renderer/views/pages/playlist-inline.ejs b/src/renderer/views/pages/playlist-inline.ejs
index 056337db..c42fc84b 100644
--- a/src/renderer/views/pages/playlist-inline.ejs
+++ b/src/renderer/views/pages/playlist-inline.ejs
@@ -171,6 +171,7 @@
                                                                  :showIndex="true"
                                                                  :showIndexPlaylist="(data.attributes.playParams.kind ?? data.type ?? '').includes('playlist')"
                                                                  :context-ext="buildContextMenu()"
+                                                                 v-bind:key="item.id"
                                                                  v-for="(item,index) in data.relationships.tracks.data"></mediaitem-list-item>
                                         </template>
                                         <template v-else>
@@ -183,6 +184,7 @@
                                                                      :showIndex="true"
                                                                      :showIndexPlaylist="(data.attributes.playParams.kind ?? data.type ?? '').includes('playlist')"
                                                                      :context-ext="buildContextMenu()"
+                                                                     v-bind:key="item.id"
                                                                      v-for="(item,index) in disc.tracks"></mediaitem-list-item>
                                             </div>
 
@@ -197,6 +199,7 @@
                                     <div class="badge-container">
                                         <div class="socialBadge"
                                              :title="`${badge.attributes.name} - @${badge.attributes.handle}`"
+                                             v-bind:key="badge.id"
                                              v-for="badge in itemBadges">
                                             <mediaitem-artwork
                                                     :url="badge.attributes.artwork.url"
diff --git a/src/renderer/views/pages/search.ejs b/src/renderer/views/pages/search.ejs
index 10b47ae7..078d1865 100644
--- a/src/renderer/views/pages/search.ejs
+++ b/src/renderer/views/pages/search.ejs
@@ -135,14 +135,14 @@
             <div v-if="categoriesReady || getCategories()">
                 <div>
                     <div class="col"
-                         v-if="categoriesView != null && categoriesView != [] && categoriesView[0].attributes != null && categoriesView[0].attributes.title != null">
+                         v-if="categoriesView != null && categoriesView != [] && categoriesView[0]?.attributes != null && categoriesView[0]?.attributes.title != null">
                         <h3>{{$root.getLz('home.recentlyPlayed')}}</h3>
                         <div class="mediaitem-list-item__grid">
                             <listitem-horizontal :items="recentlyPlayed.limit(10)">
                             </listitem-horizontal>
                         </div>
                         <!-- <mediaitem-square :kind="'385'" size="600" v-for="item in recentlyPlayed.limit(10)" :item="item" :imagesize="800"></mediaitem-square>-->
-                        <h3>{{categoriesView[0].attributes.title.stringForDisplay ?? ""}}</h3>
+                        <h3>{{categoriesView[0]?.attributes?.title?.stringForDisplay ?? ""}}</h3>
                     </div>
                 </div>
                 <div class="categories">