use placeholderData instead of initialData for detail routes

src/renderer/features/albums/routes/album-detail-route.tsx

@@ -31,8 +31,7 @@ const AlbumDetailRoute = () => {
 
     const detailQuery = useQuery({
         ...albumQueries.detail({ query: { id: albumId }, serverId: server?.id }),
-        initialData: location.state?.item,
-        staleTime: 0,
+        placeholderData: location.state?.item,
     });
 
     const imageUrl =

src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx

@@ -41,7 +41,7 @@ export const PlaylistDetailSongListHeader = ({
 
     const detailQuery = useQuery({
         ...playlistsQueries.detail({ query: { id: playlistId }, serverId: server?.id }),
-        initialData: location.state?.item,
+        placeholderData: location.state?.item,
     });
 
     const playlistDuration = detailQuery?.data?.duration;
@@ -100,7 +100,7 @@ export const PlaylistDetailSongListHeader = ({
                         route: AppRoute.PLAYLISTS,
                         type: LibraryItem.PLAYLIST,
                     }}
-                    title={detailQuery?.data?.name}
+                    title={detailQuery?.data?.name || ''}
                 >
                     <LibraryHeaderMenu
                         onPlay={(type) => handlePlay(type)}

src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx

@@ -242,8 +242,7 @@ const PlaylistDetailSongListRoute = () => {
 
     const detailQuery = useQuery({
         ...playlistsQueries.detail({ query: { id: playlistId }, serverId: server?.id }),
-        initialData: location.state?.item,
-        staleTime: 0,
+        placeholderData: location.state?.item,
     });
     const createPlaylistMutation = useCreatePlaylist({});
     const deletePlaylistMutation = useDeletePlaylist({});