mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-05-20 19:48:52 -05:00
Code Issues Packages Projects Releases 177 Wiki Activity

fix: invalidate React Query cache after duplicate so list shows new draft

Browse Source 
router.refresh() only re-runs server components — the surveys overview
list is hydrated client-side via use-surveys (React Query useInfiniteQuery),
so its cache stayed stale and the new draft only appeared after a manual
page refresh.

Match the use-delete-survey pattern: grab queryClient and invalidate
surveyKeys.lists() after the duplicate action resolves. Same key prefix
the delete flow uses.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dhruwang
2026-05-20 17:28:54 +05:30
parent baacc9dbab
commit 44c32737eb
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/modules/survey/list/components/survey-dropdown-menu.tsx
+7 -1
View File
@@ -1,5 +1,6 @@
"use client";
import { useQueryClient } from "@tanstack/react-query";
import { CopyIcon, EyeIcon, LinkIcon, MoreVertical, SquarePenIcon, TrashIcon } from "lucide-react";
import Link from "next/link";
import { useRouter } from "next/navigation";
@@ -14,6 +15,7 @@ import { getV3ApiErrorMessage } from "@/modules/api/lib/v3-client";
import { EditPublicSurveyAlertDialog } from "@/modules/survey/components/edit-public-survey-alert-dialog";
import { copySurveyLink } from "@/modules/survey/lib/client-utils";
import { copySurveyToOtherWorkspaceAction } from "@/modules/survey/list/actions";
import { surveyKeys } from "@/modules/survey/list/lib/query";
import { TSurveyListItem } from "@/modules/survey/list/types/survey-overview";
import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
import {
@@ -48,6 +50,7 @@ export const SurveyDropDownMenu = ({
const [isDropDownOpen, setIsDropDownOpen] = useState(false);
const [isCautionDialogOpen, setIsCautionDialogOpen] = useState(false);
const router = useRouter();
const queryClient = useQueryClient();
const editHref = `/workspaces/${workspace?.id}/surveys/${survey.id}/edit`;
@@ -99,7 +102,10 @@ export const SurveyDropDownMenu = ({
});
if (response?.data) {
toast.success(t("workspace.surveys.survey_duplicated_successfully"));
router.refresh();
// The list is fetched via React Query (see use-surveys.ts); router.refresh()
// alone won't repopulate the client cache. Invalidate the lists prefix to
// trigger a refetch so the new draft appears.
await queryClient.invalidateQueries({ queryKey: surveyKeys.lists() });
return;
}
toast.error(getFormattedErrorMessage(response));