Fixes: Input-box-does-not-clear-on-changing-organization

Sulochan-khadka · Feb 24, 2025 · f7413f4 · f7413f4
1 parent c269220
commit f7413f4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { Link } from "raviger";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import CareIcon from "@/CAREUI/icons/CareIcon";
@@ -31,6 +31,10 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
   const [page, setPage] = useState(1);
   const [searchQuery, setSearchQuery] = useState("");
   const limit = 12; // 3x4 grid
+  useEffect(() => {
+    setSearchQuery("");
+    setPage(1);
+  }, [id]);
 
   const { data: children, isFetching } = useQuery({
     queryKey: ["organization", id, "children", page, limit, searchQuery],