appbaseio · siddharthlatest · Jul 26, 2026 · Jul 10, 2026 · Jul 25, 2026 · Jul 25, 2026
diff --git a/packages/maps/examples/GeoDistanceDropdown/src/index.js b/packages/maps/examples/GeoDistanceDropdown/src/index.js
@@ -45,13 +45,14 @@ class App extends Component {
 			react: {
 				and: 'GeoDistanceDropdown',
 			},
-			onPopoverClick: (item) => <div>{item.venue.venue_name}</div>,
+			onPopoverClick: (item) => <div>{item.place}</div>,
 			showMapStyles: true,
 		};
 		return (
 			<ReactiveBase
-				app="meetup_dataset"
-				url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+				app="earthquakes"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 				enableAppbase
 				mapKey="AIzaSyA9JzjtHeXg_C_hh_GdTBdLxREWdj3nsOU"
 				mapLibraries={['places']}
@@ -79,7 +80,7 @@ class App extends Component {
 								{ distance: 300, label: 'Under 300 miles' },
 							]}
 							defaultValue={{
-								location: 'London, UK',
+								location: 'California, USA',
 								label: 'Within 10 miles',
 							}}
 						/>

diff --git a/packages/maps/examples/GeoDistanceSlider/src/index.js b/packages/maps/examples/GeoDistanceSlider/src/index.js
@@ -45,13 +45,14 @@ class App extends Component {
 			react: {
 				and: 'GeoDistanceSlider',
 			},
-			onPopoverClick: item => <div>{item.venue.venue_name}</div>,
+			onPopoverClick: item => <div>{item.place}</div>,
 			showMapStyles: true,
 		};
 		return (
 			<ReactiveBase
-				app="meetup_dataset"
-				url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+				app="earthquakes"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 				enableAppbase
 				mapKey="AIzaSyA9JzjtHeXg_C_hh_GdTBdLxREWdj3nsOU"
 				mapLibraries={['places']}
@@ -81,7 +82,7 @@ class App extends Component {
 								end: '300mi',
 							}}
 							defaultValue={{
-								location: 'London, UK',
+								location: 'California, USA',
 								distance: 10,
 							}}
 						/>

diff --git a/packages/maps/examples/QuickStartStep1/src/index.js b/packages/maps/examples/QuickStartStep1/src/index.js
@@ -7,7 +7,8 @@ class App extends Component {
 		return (
 			<ReactiveBase
 				app="earthquakes"
-				url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 				enableAppbase
 				mapKey="AIzaSyA9JzjtHeXg_C_hh_GdTBdLxREWdj3nsOU"
 			>

diff --git a/packages/maps/examples/QuickStartStep2/src/index.js b/packages/maps/examples/QuickStartStep2/src/index.js
@@ -8,7 +8,8 @@ class App extends Component {
 		return (
 			<ReactiveBase
 				app="earthquakes"
-				url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 				enableAppbase
 				mapKey="AIzaSyA9JzjtHeXg_C_hh_GdTBdLxREWdj3nsOU"
 			>

diff --git a/packages/maps/examples/ReactiveMap/src/index.js b/packages/maps/examples/ReactiveMap/src/index.js
@@ -64,7 +64,8 @@ class App extends Component {
 		return (
 			<ReactiveBase
 				app="earthquakes"
-				url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 				enableAppbase
 				mapKey="AIzaSyA9JzjtHeXg_C_hh_GdTBdLxREWdj3nsOU"
 			>

diff --git a/packages/playground b/packages/playground
diff --git a/packages/vue-playground b/packages/vue-playground
diff --git a/packages/vue/examples/ai-answer/src/App.vue b/packages/vue/examples/ai-answer/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
       theme-preset="light"
     >
       <search-box

diff --git a/packages/vue/examples/ai-answer/vite.config.js b/packages/vue/examples/ai-answer/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['h83tzz-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/analytics-with-hook/src/App.vue b/packages/vue/examples/analytics-with-hook/src/App.vue
@@ -5,7 +5,8 @@
         recordAnalytics: true,
       }"
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <search-box
         :data-field="['original_title', 'original_title.search']"

diff --git a/packages/vue/examples/analytics-with-hook/vite.config.js b/packages/vue/examples/analytics-with-hook/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/dynamic-range-slider/src/App.vue b/packages/vue/examples/dynamic-range-slider/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <div class="row">
         <div class="col">

diff --git a/packages/vue/examples/dynamic-range-slider/vite.config.js b/packages/vue/examples/dynamic-range-slider/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['xzjwp6n89w-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/mongo-examples/multi-list/vite.config.js b/packages/vue/examples/mongo-examples/multi-list/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/mongo-examples/range-input/vite.config.js b/packages/vue/examples/mongo-examples/range-input/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/mongo-examples/search-box/vite.config.js b/packages/vue/examples/mongo-examples/search-box/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/multi-Range/src/App.vue b/packages/vue/examples/multi-Range/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <div class="row">
         <div class="col">

diff --git a/packages/vue/examples/multi-Range/vite.config.js b/packages/vue/examples/multi-Range/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['le79r-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/multi-dropdown-list/src/App.vue b/packages/vue/examples/multi-dropdown-list/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <multi-dropdown-list 
         component-id="BookSensor" 

diff --git a/packages/vue/examples/multi-dropdown-list/vite.config.js b/packages/vue/examples/multi-dropdown-list/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/multi-list-nested/src/App.vue b/packages/vue/examples/multi-list-nested/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <multi-list
         :show-count="true"

diff --git a/packages/vue/examples/multi-list-nested/vite.config.js b/packages/vue/examples/multi-list-nested/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/multi-list/src/App.vue b/packages/vue/examples/multi-list/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <multi-list
         :show-count="true"

diff --git a/packages/vue/examples/multi-list/vite.config.js b/packages/vue/examples/multi-list/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['3v307xo5q-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/preferences/src/App.vue b/packages/vue/examples/preferences/src/App.vue
@@ -3,7 +3,8 @@
     <reactive-base
       :preferences="preferences"
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <search-box
         component-id="BookSensor"

diff --git a/packages/vue/examples/preferences/vite.config.js b/packages/vue/examples/preferences/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/range-input/src/App.vue b/packages/vue/examples/range-input/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <div class="row">
         <div class="col">

diff --git a/packages/vue/examples/range-input/vite.config.js b/packages/vue/examples/range-input/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['zjdo8-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/range-slider/src/App.vue b/packages/vue/examples/range-slider/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="good-books-ds"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <div class="row">
         <div class="col">

diff --git a/packages/vue/examples/range-slider/vite.config.js b/packages/vue/examples/range-slider/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['2zqz3m1r3r-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/reactive-component-with-custom-query/src/App.vue b/packages/vue/examples/reactive-component-with-custom-query/src/App.vue
@@ -2,7 +2,8 @@
   <reactive-base
     :enable-appbase="true"
     app="carstore-dataset"
-    url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+    url="https://reactivesearch-api-9-4-0.onrender.com"
+    credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
   >
     <div class="row">
       <div class="col">

diff --git a/packages/vue/examples/reactive-component-with-custom-query/vite.config.js b/packages/vue/examples/reactive-component-with-custom-query/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/reactive-component/src/App.vue b/packages/vue/examples/reactive-component/src/App.vue
@@ -2,7 +2,8 @@
   <reactive-base
     :enable-appbase="true"
     app="carstore-dataset"
-    url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+    url="https://reactivesearch-api-9-4-0.onrender.com"
+    credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
   >
     <div class="row">
       <div class="col">

diff --git a/packages/vue/examples/reactive-component/vite.config.js b/packages/vue/examples/reactive-component/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/reactive-google-map-aggregations/src/App.vue b/packages/vue/examples/reactive-google-map-aggregations/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="earthquakes"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <div class="row">
         <div class="col">

diff --git a/packages/vue/examples/reactive-google-map-aggregations/vite.config.js b/packages/vue/examples/reactive-google-map-aggregations/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
diff --git a/packages/vue/examples/reactive-google-map-default-query/src/App.vue b/packages/vue/examples/reactive-google-map-default-query/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="earthquakes"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <div class="row">
         <div class="col">

diff --git a/packages/vue/examples/reactive-google-map-default-query/vite.config.js b/packages/vue/examples/reactive-google-map-default-query/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
+95 −110		examples/KNNSearch/index.js
+3 −0		package.json
+65 −65		stories/index.js
+3 −2		stories/reactivemaps/GeoDistanceDropDownOpenStreetMap.stories.js
+3 −2		stories/reactivemaps/GeoDistanceDropdownGoogleMap.stories.js
+3 −2		stories/reactivemaps/GeoDistanceSliderGoogleMap.stories.js
+3 −2		stories/reactivemaps/GeoDistanceSliderOpenStreetMap.stories.js
+2 −1		stories/reactivemaps/ReactiveGoogleMap.stories.js
+2 −1		stories/reactivemaps/ReactiveOpenStreetMapDefault.stories.js
+3 −2		stories/reactivesearch/AIAnswer.stories.js
+2 −1		stories/reactivesearch/Dark.stories.js
+2 −1		stories/reactivesearch/DarkCard.stories.js
+2 −1		stories/reactivesearch/DatePicker.stories.js
+2 −1		stories/reactivesearch/DatePickerDark.stories.js
+2 −1		stories/reactivesearch/DateRange.stories.js
+2 −1		stories/reactivesearch/DateRangeDark.stories.js
+8 −2		stories/reactivesearch/DynamicRangeSlider.stories.js
+2 −1		stories/reactivesearch/ErrorBoundary.stories.js
+94 −109		stories/reactivesearch/KNNSearch.stories.js
+14 −13		stories/reactivesearch/MultiDataList.stories.js
+2 −1		stories/reactivesearch/MultiDropdownList.stories.js
+2 −1		stories/reactivesearch/MultiDropdownRange.stories.js
+2 −1		stories/reactivesearch/MultiList.stories.js
+2 −1		stories/reactivesearch/MultiListWithIndexProp.js
+2 −1		stories/reactivesearch/MultiRange.stories.js
+2 −1		stories/reactivesearch/NumberBox.stories.js
+2 −1		stories/reactivesearch/RangeInput.stories.js
+2 −1		stories/reactivesearch/RangeSlider.stories.js
+2 −1		stories/reactivesearch/RatingsFilter.stories.js
+13 −12		stories/reactivesearch/ReactiveComponent.stories.js
+14 −13		stories/reactivesearch/ReactiveComponentWithDistinctFieldProp.js
+2 −1		stories/reactivesearch/ReactiveList.stories.js
+2 −1		stories/reactivesearch/ResultCard.stories.js
+2 −1		stories/reactivesearch/ResultList.stories.js
+3 −2		stories/reactivesearch/SearchBox.stories.js
+3 −2		stories/reactivesearch/SearchBoxControlledUsage.stories.js
+3 −2		stories/reactivesearch/SearchBoxWithCustomAIRender.stories.js
+2 −1		stories/reactivesearch/SearchBoxWithIndexProp.js
+14 −13		stories/reactivesearch/SingleDataList.stories.js
+2 −1		stories/reactivesearch/SingleDropdownList.stories.js
+2 −1		stories/reactivesearch/SingleDropdownRange.stories.js
+2 −1		stories/reactivesearch/SingleList.stories.js
+2 −1		stories/reactivesearch/SingleRange.stories.js
+24 −25		stories/reactivesearch/TabDataList.stories.js
+11 −12		stories/reactivesearch/TagCloud.stories.js
+29 −39		stories/reactivesearch/TagCloudDark.stories.js
+15 −23		stories/reactivesearch/ToggleButton.stories.js
+2 −1		stories/reactivesearch/TreeList.stories.js
+2 −1		stories/reactivesearch/TreeListCustomRenderer.stories.js
+2 −1		stories/reactivesearch/TreeListCustomSelectedFilters.stories.js
+323 −21		yarn.lock