diff --git a/app/client/modules/volumes/components/volume-forms/rclone-form.tsx b/app/client/modules/volumes/components/volume-forms/rclone-form.tsx
index a3f5881..fb0ff76 100644
--- a/app/client/modules/volumes/components/volume-forms/rclone-form.tsx
+++ b/app/client/modules/volumes/components/volume-forms/rclone-form.tsx
@@ -23,12 +23,12 @@ type Props = {
export const RcloneForm = ({ form }: Props) => {
const { capabilities } = useSystemInfo();
- const { data: rcloneRemotes, isLoading: isLoadingRemotes } = useQuery({
+ const { data: rcloneRemotes, isPending } = useQuery({
...listRcloneRemotesOptions(),
enabled: capabilities.rclone,
});
- if (!isLoadingRemotes && (!rcloneRemotes || rcloneRemotes.length === 0)) {
+ if (!isPending && !rcloneRemotes?.length) {
return (
@@ -65,7 +65,7 @@ export const RcloneForm = ({ form }: Props) => {
- {isLoadingRemotes ? (
+ {isPending ? (
Loading remotes...