use placeholderData instead of initialData for detail routes

This commit is contained in:
jeffvli
2026-01-16 02:43:14 -08:00
parent b9311e841c
commit 8a14327aaf
3 changed files with 4 additions and 6 deletions
@@ -31,8 +31,7 @@ const AlbumDetailRoute = () => {
const detailQuery = useQuery({ const detailQuery = useQuery({
...albumQueries.detail({ query: { id: albumId }, serverId: server?.id }), ...albumQueries.detail({ query: { id: albumId }, serverId: server?.id }),
initialData: location.state?.item, placeholderData: location.state?.item,
staleTime: 0,
}); });
const imageUrl = const imageUrl =
@@ -41,7 +41,7 @@ export const PlaylistDetailSongListHeader = ({
const detailQuery = useQuery({ const detailQuery = useQuery({
...playlistsQueries.detail({ query: { id: playlistId }, serverId: server?.id }), ...playlistsQueries.detail({ query: { id: playlistId }, serverId: server?.id }),
initialData: location.state?.item, placeholderData: location.state?.item,
}); });
const playlistDuration = detailQuery?.data?.duration; const playlistDuration = detailQuery?.data?.duration;
@@ -100,7 +100,7 @@ export const PlaylistDetailSongListHeader = ({
route: AppRoute.PLAYLISTS, route: AppRoute.PLAYLISTS,
type: LibraryItem.PLAYLIST, type: LibraryItem.PLAYLIST,
}} }}
title={detailQuery?.data?.name} title={detailQuery?.data?.name || ''}
> >
<LibraryHeaderMenu <LibraryHeaderMenu
onPlay={(type) => handlePlay(type)} onPlay={(type) => handlePlay(type)}
@@ -242,8 +242,7 @@ const PlaylistDetailSongListRoute = () => {
const detailQuery = useQuery({ const detailQuery = useQuery({
...playlistsQueries.detail({ query: { id: playlistId }, serverId: server?.id }), ...playlistsQueries.detail({ query: { id: playlistId }, serverId: server?.id }),
initialData: location.state?.item, placeholderData: location.state?.item,
staleTime: 0,
}); });
const createPlaylistMutation = useCreatePlaylist({}); const createPlaylistMutation = useCreatePlaylist({});
const deletePlaylistMutation = useDeletePlaylist({}); const deletePlaylistMutation = useDeletePlaylist({});