diff --git a/packages/blade-mcp/knowledgebase/components/TreeView.md b/packages/blade-mcp/knowledgebase/components/TreeView.md index 9078b9bb76..b79d6c819b 100644 --- a/packages/blade-mcp/knowledgebase/components/TreeView.md +++ b/packages/blade-mcp/knowledgebase/components/TreeView.md @@ -293,10 +293,15 @@ 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 => Promise.resolve(['Bengaluru', 'Mysuru']); +const fetchMoreCities = (): Promise => Promise.resolve(['Hubli', 'Mangaluru']); + function AsyncTree() { const [cities, setCities] = React.useState([]); const [isLoadingChildren, setIsLoadingChildren] = React.useState(false); const [isLoadingMore, setIsLoadingMore] = React.useState(false); + const [hasMore, setHasMore] = React.useState(true); return ( @@ -318,16 +323,19 @@ function AsyncTree() { {cities.map((city) => ( ))} - { - setIsLoadingMore(true); - fetchMoreCities().then((moreCities) => { - setCities((previous) => [...previous, ...moreCities]); - setIsLoadingMore(false); - }); - }} - /> + {hasMore && ( + { + setIsLoadingMore(true); + fetchMoreCities().then((moreCities) => { + setCities((previous) => [...previous, ...moreCities]); + setIsLoadingMore(false); + setHasMore(false); + }); + }} + /> + )}