From 424f0e81093b8bf6e98c79eea4f7bf645e9a8e2b Mon Sep 17 00:00:00 2001
From: rohankokane <rohan.kokane+oss@razorpay.com>
Date: Mon, 17 Aug 2026 14:43:19 +0530
Subject: [PATCH 1/2] fix(blade-mcp): define missing fetchers in TreeView async
 example

The AsyncTree example called fetchCities() and fetchMoreCities() that
were never defined, failing Knowledgebase Lint type-check (TS2552/TS2304)
and turning master red. Add stubbed Promise<string[]> fetchers.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 packages/blade-mcp/knowledgebase/components/TreeView.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/blade-mcp/knowledgebase/components/TreeView.md b/packages/blade-mcp/knowledgebase/components/TreeView.md
index 9078b9bb76..58920e7742 100644
--- a/packages/blade-mcp/knowledgebase/components/TreeView.md
+++ b/packages/blade-mcp/knowledgebase/components/TreeView.md
@@ -293,6 +293,10 @@ function CityPicker() {
 import React from 'react';
 import { TreeView, TreeViewItem, TreeViewLoadMore } from '@razorpay/blade/components';
 
+// Stubbed data fetchers - replace with your real API calls
+const fetchCities = (): Promise<string[]> => Promise.resolve(['Bengaluru', 'Mysuru']);
+const fetchMoreCities = (): Promise<string[]> => Promise.resolve(['Hubli', 'Mangaluru']);
+
 function AsyncTree() {
   const [cities, setCities] = React.useState<string[]>([]);
   const [isLoadingChildren, setIsLoadingChildren] = React.useState(false);

From 53b1baae12af43683c5fd45dbc3e90dbc2ed6e68 Mon Sep 17 00:00:00 2001
From: "rzp-slash[bot]" <swe-agent@razorpay.com>
Date: Mon, 17 Aug 2026 16:11:06 +0530
Subject: [PATCH 2/2] fix: guard against duplicate values on repeated Show more
 clicks [resolved by agent]

Co-authored-by: admin <admin>
---
 .../knowledgebase/components/TreeView.md      | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/blade-mcp/knowledgebase/components/TreeView.md b/packages/blade-mcp/knowledgebase/components/TreeView.md
index 58920e7742..b79d6c819b 100644
--- a/packages/blade-mcp/knowledgebase/components/TreeView.md
+++ b/packages/blade-mcp/knowledgebase/components/TreeView.md
@@ -301,6 +301,7 @@ function AsyncTree() {
   const [cities, setCities] = React.useState<string[]>([]);
   const [isLoadingChildren, setIsLoadingChildren] = React.useState(false);
   const [isLoadingMore, setIsLoadingMore] = React.useState(false);
+  const [hasMore, setHasMore] = React.useState(true);
 
   return (
     <TreeView selectionType="multiple">
@@ -322,16 +323,19 @@ function AsyncTree() {
         {cities.map((city) => (
           <TreeViewItem key={city} title={city} value={city.toLowerCase()} />
         ))}
-        <TreeViewLoadMore
-          isLoading={isLoadingMore}
-          onClick={() => {
-            setIsLoadingMore(true);
-            fetchMoreCities().then((moreCities) => {
-              setCities((previous) => [...previous, ...moreCities]);
-              setIsLoadingMore(false);
-            });
-          }}
-        />
+        {hasMore && (
+          <TreeViewLoadMore
+            isLoading={isLoadingMore}
+            onClick={() => {
+              setIsLoadingMore(true);
+              fetchMoreCities().then((moreCities) => {
+                setCities((previous) => [...previous, ...moreCities]);
+                setIsLoadingMore(false);
+                setHasMore(false);
+              });
+            }}
+          />
+        )}
       </TreeViewItem>
       <TreeViewItem title="Goa" value="goa" />
     </TreeView>