diff --git a/packages/maps/examples/GeoDistanceDropdown/src/index.js b/packages/maps/examples/GeoDistanceDropdown/src/index.js
index b42ae20ade..15d042cdf4 100644
--- 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
index e3b2c6c367..514703fd65 100644
--- 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
index 712a4f7e16..2bdc315bd2 100644
--- 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
index 33ac4b510c..ba64d8f06d 100644
--- 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
index 5615f6de0e..2f2c5ed898 100644
--- 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
index 05c3502c63..dbacee48ff 160000
--- a/packages/playground
+++ b/packages/playground
@@ -1 +1 @@
-Subproject commit 05c3502c632c4933df995f5c81f01ff3f382af6e
+Subproject commit dbacee48ff0d2ab3c72fe9876be85f0f6fef16ce
diff --git a/packages/vue-playground b/packages/vue-playground
index 09948ad0ca..6339fd68b0 160000
--- a/packages/vue-playground
+++ b/packages/vue-playground
@@ -1 +1 @@
-Subproject commit 09948ad0cacf059772f0f25c6895fffb43314e10
+Subproject commit 6339fd68b02799c17cadca5a9fbefbbf3b88014f
diff --git a/packages/vue/examples/ai-answer/src/App.vue b/packages/vue/examples/ai-answer/src/App.vue
index 23901e782e..17d9bf9ff5 100644
--- 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
index a4c264dfff..7535b7a7a5 100644
--- 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
index e58b097e75..c8b8b4271a 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/dynamic-range-slider/src/App.vue b/packages/vue/examples/dynamic-range-slider/src/App.vue
index 22ea38ea4a..f373285ff3 100644
--- 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
index dd70cfe262..7535b7a7a5 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/mongo-examples/range-input/vite.config.js b/packages/vue/examples/mongo-examples/range-input/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/mongo-examples/search-box/vite.config.js b/packages/vue/examples/mongo-examples/search-box/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/multi-Range/src/App.vue b/packages/vue/examples/multi-Range/src/App.vue
index dcf0b8c175..e8ce075f1a 100644
--- 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
index 4b8b2d0c6b..7535b7a7a5 100644
--- 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
index c450380858..748a8dd7f7 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/multi-list-nested/src/App.vue b/packages/vue/examples/multi-list-nested/src/App.vue
index 65e9d24874..db02d17f63 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/multi-list/src/App.vue b/packages/vue/examples/multi-list/src/App.vue
index bfc0b9d4fa..158c08c411 100644
--- 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
index f2d6716b76..7535b7a7a5 100644
--- 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
index 15a5391421..31c44ac2c2 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/range-input/src/App.vue b/packages/vue/examples/range-input/src/App.vue
index 2ce818c513..826d8fdc29 100644
--- 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
index 41dd22db3d..7535b7a7a5 100644
--- 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
index 773a6767ab..0917b4be33 100644
--- 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
index 7c95026676..7535b7a7a5 100644
--- 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
index 9f8553bd31..2502977377 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/reactive-component/src/App.vue b/packages/vue/examples/reactive-component/src/App.vue
index 73e8d24ffd..ecb7161b97 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/reactive-google-map-aggregations/src/App.vue b/packages/vue/examples/reactive-google-map-aggregations/src/App.vue
index 17422283bb..65f8d18211 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
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
index 2e9c8b16f2..fdb1a3e038 100644
--- 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
index a3416d35fe..4e0c0f9fca 100644
--- 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,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/reactive-google-map-nuxt/pages/index.vue b/packages/vue/examples/reactive-google-map-nuxt/pages/index.vue
index 669e467472..db8b33d07c 100644
--- a/packages/vue/examples/reactive-google-map-nuxt/pages/index.vue
+++ b/packages/vue/examples/reactive-google-map-nuxt/pages/index.vue
@@ -3,7 +3,8 @@
     <reactive-base
       :enable-appbase="true"
       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/src/App.vue b/packages/vue/examples/reactive-google-map/src/App.vue
index 02e2f5eabc..4c28948b80 100644
--- a/packages/vue/examples/reactive-google-map/src/App.vue
+++ b/packages/vue/examples/reactive-google-map/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/vite.config.js b/packages/vue/examples/reactive-google-map/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/reactive-google-map/vite.config.js
+++ b/packages/vue/examples/reactive-google-map/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/reactive-list-custom-pagination/src/App.vue b/packages/vue/examples/reactive-list-custom-pagination/src/App.vue
index 146f54b864..5b41b3a71f 100644
--- a/packages/vue/examples/reactive-list-custom-pagination/src/App.vue
+++ b/packages/vue/examples/reactive-list-custom-pagination/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"
     >
       <reactive-list
         :pagination="true"
diff --git a/packages/vue/examples/reactive-list-custom-pagination/vite.config.js b/packages/vue/examples/reactive-list-custom-pagination/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/reactive-list-custom-pagination/vite.config.js
+++ b/packages/vue/examples/reactive-list-custom-pagination/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/reactive-list/src/App.vue b/packages/vue/examples/reactive-list/src/App.vue
index cf01c5454b..445b64a884 100644
--- a/packages/vue/examples/reactive-list/src/App.vue
+++ b/packages/vue/examples/reactive-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"
     >
       <reactive-list
         :pagination="true"
diff --git a/packages/vue/examples/reactive-list/vite.config.js b/packages/vue/examples/reactive-list/vite.config.js
index ab613e9897..79a7739a83 100644
--- a/packages/vue/examples/reactive-list/vite.config.js
+++ b/packages/vue/examples/reactive-list/vite.config.js
@@ -12,6 +12,6 @@ export default {
         ],
     },
     server: {
-        allowedHosts: ['6yw6vwyywr-5173.csb.app'],
-    },
+		allowedHosts: true,
+	},
 };
diff --git a/packages/vue/examples/reactivelist-with-aggregation/src/App.vue b/packages/vue/examples/reactivelist-with-aggregation/src/App.vue
index 6d4122fd38..6233073e3e 100644
--- a/packages/vue/examples/reactivelist-with-aggregation/src/App.vue
+++ b/packages/vue/examples/reactivelist-with-aggregation/src/App.vue
@@ -2,7 +2,8 @@
 	<div id="app">
 		<reactive-base
 			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"
 		>
 			<reactive-list
 				componentId="SearchResult"
diff --git a/packages/vue/examples/reactivelist-with-aggregation/vite.config.js b/packages/vue/examples/reactivelist-with-aggregation/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/reactivelist-with-aggregation/vite.config.js
+++ b/packages/vue/examples/reactivelist-with-aggregation/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/reactivelist-without-aggregation/src/App.vue b/packages/vue/examples/reactivelist-without-aggregation/src/App.vue
index e8a1d6dba5..127c5f540d 100644
--- a/packages/vue/examples/reactivelist-without-aggregation/src/App.vue
+++ b/packages/vue/examples/reactivelist-without-aggregation/src/App.vue
@@ -2,7 +2,8 @@
 	<div id="app">
 		<reactive-base
 			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"
 		>
 			<reactive-list
 				componentId="SearchResult"
diff --git a/packages/vue/examples/reactivelist-without-aggregation/vite.config.js b/packages/vue/examples/reactivelist-without-aggregation/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/reactivelist-without-aggregation/vite.config.js
+++ b/packages/vue/examples/reactivelist-without-aggregation/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/result-card/src/App.vue b/packages/vue/examples/result-card/src/App.vue
index 5f5764ad3c..98c6386c56 100644
--- a/packages/vue/examples/result-card/src/App.vue
+++ b/packages/vue/examples/result-card/src/App.vue
@@ -2,7 +2,8 @@
 	<div id="app">
 		<reactive-base
 			app="meetup_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">
 				<reactive-list
diff --git a/packages/vue/examples/result-card/vite.config.js b/packages/vue/examples/result-card/vite.config.js
index 8d8c8877ea..7535b7a7a5 100644
--- a/packages/vue/examples/result-card/vite.config.js
+++ b/packages/vue/examples/result-card/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['bmkc4-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/result-list/src/App.vue b/packages/vue/examples/result-list/src/App.vue
index 9d10a08ef8..88dcfed75d 100644
--- a/packages/vue/examples/result-list/src/App.vue
+++ b/packages/vue/examples/result-list/src/App.vue
@@ -2,7 +2,8 @@
   <div id="app">
     <reactive-base
       app="meetup_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">
         <reactive-list
diff --git a/packages/vue/examples/result-list/vite.config.js b/packages/vue/examples/result-list/vite.config.js
index 2d1795d1d6..f1913ead06 100644
--- a/packages/vue/examples/result-list/vite.config.js
+++ b/packages/vue/examples/result-list/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['3407lk5w7p-5173.csb.app'],
-    },
+		allowedHosts: true,
+	},
 };
diff --git a/packages/vue/examples/saved-search/src/App.vue b/packages/vue/examples/saved-search/src/App.vue
index cdad26e112..40e246d469 100644
--- a/packages/vue/examples/saved-search/src/App.vue
+++ b/packages/vue/examples/saved-search/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">
         <state-provider>
diff --git a/packages/vue/examples/saved-search/vite.config.js b/packages/vue/examples/saved-search/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/saved-search/vite.config.js
+++ b/packages/vue/examples/saved-search/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-box-custom-suggestions/src/App.vue b/packages/vue/examples/search-box-custom-suggestions/src/App.vue
index 46ed20a265..88249f6c96 100644
--- a/packages/vue/examples/search-box-custom-suggestions/src/App.vue
+++ b/packages/vue/examples/search-box-custom-suggestions/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"
     >
       <search-box
         :data-field="['original_title', 'original_title.search']"
diff --git a/packages/vue/examples/search-box-custom-suggestions/vite.config.js b/packages/vue/examples/search-box-custom-suggestions/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-box-custom-suggestions/vite.config.js
+++ b/packages/vue/examples/search-box-custom-suggestions/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-box/src/App.vue b/packages/vue/examples/search-box/src/App.vue
index e654be0391..f21d3bd92f 100644
--- a/packages/vue/examples/search-box/src/App.vue
+++ b/packages/vue/examples/search-box/src/App.vue
@@ -2,21 +2,13 @@
   <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"
     >
       <search-box
-        :data-field="['original_title', 'original_title.search']"
+        :data-field="['original_title', 'original_title.search', 'authors']"
         :urlparams="true"
         :size="10"
-        :enable-popular-suggestions="true"
-        :popular-suggestions-config="{ size: 3, minChars: 2, index: 'good-books-ds', sectionLabel: '<b>Popular suggestions 🙌🏻</b>' }"
-        :enable-recent-suggestions="true"
-        :recent-suggestions-config="{
-          size: 3,
-          index: 'good-books-ds',
-          minChars: 4,
-          sectionLabel: '<b>Recent suggestions 🙌🏻</b>'
-        }"
         :autosuggest="true"
         class-name="result-list-container"
         component-id="BookSensor"
@@ -26,7 +18,7 @@
         :size="5"
         :react="{ and: ['BookSensor'] }"
         component-id="SearchResult"
-        data-field="_score"
+        data-field="original_title.keyword"
         class-name="result-list-container"
       >
         <template #renderItem="{ item }">
diff --git a/packages/vue/examples/search-box/src/Wrapper.vue b/packages/vue/examples/search-box/src/Wrapper.vue
index 6ec9031844..3f2abe2412 100644
--- a/packages/vue/examples/search-box/src/Wrapper.vue
+++ b/packages/vue/examples/search-box/src/Wrapper.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"
 		>
             <slot />
 		</reactive-base>
diff --git a/packages/vue/examples/search-box/vite.config.js b/packages/vue/examples/search-box/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-box/vite.config.js
+++ b/packages/vue/examples/search-box/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/ai-answer-simple/src/App.vue b/packages/vue/examples/search-showcase/ai-answer-simple/src/App.vue
index 8450fb199a..6768b752c0 100644
--- a/packages/vue/examples/search-showcase/ai-answer-simple/src/App.vue
+++ b/packages/vue/examples/search-showcase/ai-answer-simple/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"
 			themePreset="light"
 		>
 			<search-box
diff --git a/packages/vue/examples/search-showcase/ai-answer-simple/vite.config.js b/packages/vue/examples/search-showcase/ai-answer-simple/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/ai-answer-simple/vite.config.js
+++ b/packages/vue/examples/search-showcase/ai-answer-simple/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/auto-suggestions/src/App.vue b/packages/vue/examples/search-showcase/auto-suggestions/src/App.vue
index 30c1fd8273..827a4feda8 100644
--- a/packages/vue/examples/search-showcase/auto-suggestions/src/App.vue
+++ b/packages/vue/examples/search-showcase/auto-suggestions/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"
 		>
 			<search-box
 				className="result-list-container"
diff --git a/packages/vue/examples/search-showcase/auto-suggestions/vite.config.js b/packages/vue/examples/search-showcase/auto-suggestions/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/auto-suggestions/vite.config.js
+++ b/packages/vue/examples/search-showcase/auto-suggestions/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/faq-suggestions/src/App.vue b/packages/vue/examples/search-showcase/faq-suggestions/src/App.vue
index 21b78d195c..0b51c34cd5 100644
--- a/packages/vue/examples/search-showcase/faq-suggestions/src/App.vue
+++ b/packages/vue/examples/search-showcase/faq-suggestions/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"
 		>
 			<search-box
 				className="result-list-container"
diff --git a/packages/vue/examples/search-showcase/faq-suggestions/vite.config.js b/packages/vue/examples/search-showcase/faq-suggestions/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/faq-suggestions/vite.config.js
+++ b/packages/vue/examples/search-showcase/faq-suggestions/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/featured-suggestions/src/App.vue b/packages/vue/examples/search-showcase/featured-suggestions/src/App.vue
index d5593e78ac..ead19dc442 100644
--- a/packages/vue/examples/search-showcase/featured-suggestions/src/App.vue
+++ b/packages/vue/examples/search-showcase/featured-suggestions/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"
 		>
 			<search-box
 				className="result-list-container"
diff --git a/packages/vue/examples/search-showcase/featured-suggestions/vite.config.js b/packages/vue/examples/search-showcase/featured-suggestions/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/featured-suggestions/vite.config.js
+++ b/packages/vue/examples/search-showcase/featured-suggestions/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/focus-shortcuts/src/App.vue b/packages/vue/examples/search-showcase/focus-shortcuts/src/App.vue
index 0814ebb8a3..dd4e2485b4 100644
--- a/packages/vue/examples/search-showcase/focus-shortcuts/src/App.vue
+++ b/packages/vue/examples/search-showcase/focus-shortcuts/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"
 		>
 			<search-box
 				className="result-list-container"
diff --git a/packages/vue/examples/search-showcase/focus-shortcuts/vite.config.js b/packages/vue/examples/search-showcase/focus-shortcuts/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/focus-shortcuts/vite.config.js
+++ b/packages/vue/examples/search-showcase/focus-shortcuts/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/instant-search/src/App.vue b/packages/vue/examples/search-showcase/instant-search/src/App.vue
index ca6f391c57..ed4751832b 100644
--- a/packages/vue/examples/search-showcase/instant-search/src/App.vue
+++ b/packages/vue/examples/search-showcase/instant-search/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"
 		>
 			<search-box
 				className="result-list-container"
diff --git a/packages/vue/examples/search-showcase/instant-search/vite.config.js b/packages/vue/examples/search-showcase/instant-search/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/instant-search/vite.config.js
+++ b/packages/vue/examples/search-showcase/instant-search/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/movie-search-ai-demo/src/App.vue b/packages/vue/examples/search-showcase/movie-search-ai-demo/src/App.vue
index 4013c018bf..b6fb11f9d3 100644
--- a/packages/vue/examples/search-showcase/movie-search-ai-demo/src/App.vue
+++ b/packages/vue/examples/search-showcase/movie-search-ai-demo/src/App.vue
@@ -12,7 +12,8 @@
         },
       }"
       app="movies-demo-app"
-      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"
       enable-appbase
     >
diff --git a/packages/vue/examples/search-showcase/movie-search-ai-demo/vite.config.js b/packages/vue/examples/search-showcase/movie-search-ai-demo/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/movie-search-ai-demo/vite.config.js
+++ b/packages/vue/examples/search-showcase/movie-search-ai-demo/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/pill-suggestions/src/App.vue b/packages/vue/examples/search-showcase/pill-suggestions/src/App.vue
index 591104caeb..f9ca1d1c32 100644
--- a/packages/vue/examples/search-showcase/pill-suggestions/src/App.vue
+++ b/packages/vue/examples/search-showcase/pill-suggestions/src/App.vue
@@ -9,7 +9,8 @@
 		>
 		<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="container">
 				<div id="row">
diff --git a/packages/vue/examples/search-showcase/pill-suggestions/vite.config.js b/packages/vue/examples/search-showcase/pill-suggestions/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/pill-suggestions/vite.config.js
+++ b/packages/vue/examples/search-showcase/pill-suggestions/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/searchbox-inline-ai-response/src/App.vue b/packages/vue/examples/search-showcase/searchbox-inline-ai-response/src/App.vue
index 0fad738cff..015b487524 100644
--- a/packages/vue/examples/search-showcase/searchbox-inline-ai-response/src/App.vue
+++ b/packages/vue/examples/search-showcase/searchbox-inline-ai-response/src/App.vue
@@ -12,7 +12,8 @@
         userId: 'jon',
       }"
       app="reactivesearch_docs_v2"
-      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="[
diff --git a/packages/vue/examples/search-showcase/searchbox-inline-ai-response/vite.config.js b/packages/vue/examples/search-showcase/searchbox-inline-ai-response/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/searchbox-inline-ai-response/vite.config.js
+++ b/packages/vue/examples/search-showcase/searchbox-inline-ai-response/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/simple-search/src/App.vue b/packages/vue/examples/search-showcase/simple-search/src/App.vue
index 0bf3b67d85..e463eb2616 100644
--- a/packages/vue/examples/search-showcase/simple-search/src/App.vue
+++ b/packages/vue/examples/search-showcase/simple-search/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"
 		>
 			<search-box
 				className="result-list-container"
diff --git a/packages/vue/examples/search-showcase/simple-search/vite.config.js b/packages/vue/examples/search-showcase/simple-search/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/simple-search/vite.config.js
+++ b/packages/vue/examples/search-showcase/simple-search/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/search-showcase/voice-search/src/App.vue b/packages/vue/examples/search-showcase/voice-search/src/App.vue
index 7eb9e8b929..2c41fea01c 100644
--- a/packages/vue/examples/search-showcase/voice-search/src/App.vue
+++ b/packages/vue/examples/search-showcase/voice-search/src/App.vue
@@ -8,7 +8,8 @@
       referrerpolicy="no-referrer" >
     <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="container">
         <div class="row">
diff --git a/packages/vue/examples/search-showcase/voice-search/vite.config.js b/packages/vue/examples/search-showcase/voice-search/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/search-showcase/voice-search/vite.config.js
+++ b/packages/vue/examples/search-showcase/voice-search/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/selected-filters-custom/src/App.vue b/packages/vue/examples/selected-filters-custom/src/App.vue
index 03b60890c1..890f7f506d 100644
--- a/packages/vue/examples/selected-filters-custom/src/App.vue
+++ b/packages/vue/examples/selected-filters-custom/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/selected-filters-custom/vite.config.js b/packages/vue/examples/selected-filters-custom/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/selected-filters-custom/vite.config.js
+++ b/packages/vue/examples/selected-filters-custom/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/vue/examples/single-dropdown-list/src/App.vue b/packages/vue/examples/single-dropdown-list/src/App.vue
index c88b80f280..4c48dfdd1c 100644
--- a/packages/vue/examples/single-dropdown-list/src/App.vue
+++ b/packages/vue/examples/single-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"
     >
       <single-dropdown-list 
         component-id="BookSensor" 
diff --git a/packages/vue/examples/single-dropdown-list/vite.config.js b/packages/vue/examples/single-dropdown-list/vite.config.js
index 5fe26295a9..7535b7a7a5 100644
--- a/packages/vue/examples/single-dropdown-list/vite.config.js
+++ b/packages/vue/examples/single-dropdown-list/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['0pkoi-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/single-list/src/App.vue b/packages/vue/examples/single-list/src/App.vue
index 6eb666189a..6c1d5e8c9e 100644
--- a/packages/vue/examples/single-list/src/App.vue
+++ b/packages/vue/examples/single-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"
     >
       <single-list
         component-id="Authors"
diff --git a/packages/vue/examples/single-list/vite.config.js b/packages/vue/examples/single-list/vite.config.js
index 386ef7b9c9..acf1ca162e 100644
--- a/packages/vue/examples/single-list/vite.config.js
+++ b/packages/vue/examples/single-list/vite.config.js
@@ -13,6 +13,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['nrxz2zv84-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/single-range/src/App.vue b/packages/vue/examples/single-range/src/App.vue
index df04aa9be0..1470f00a53 100644
--- a/packages/vue/examples/single-range/src/App.vue
+++ b/packages/vue/examples/single-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"
     >
       <single-range
         :data="[
diff --git a/packages/vue/examples/single-range/vite.config.js b/packages/vue/examples/single-range/vite.config.js
index 8cca825023..7535b7a7a5 100644
--- a/packages/vue/examples/single-range/vite.config.js
+++ b/packages/vue/examples/single-range/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['7qez3-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/toggle-button/src/App.vue b/packages/vue/examples/toggle-button/src/App.vue
index a8cea6e6a1..d2506b022c 100644
--- a/packages/vue/examples/toggle-button/src/App.vue
+++ b/packages/vue/examples/toggle-button/src/App.vue
@@ -1,61 +1,66 @@
 <template>
   <div id="app">
     <reactive-base
-      app="meetup_dataset"
-      url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+      app="good-books-ds"
+      url="https://reactivesearch-api-9-4-0.onrender.com"
+      credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     >
       <div class="parent-row">
         <div class="col">
           <toggle-button
             :data="[
-              { label: 'Social', value: 'Social' },
-              { label: 'Adventure', value: 'Adventure' },
-              { label: 'Music', value: 'Music' },
+              { label: 'English', value: 'eng' },
+              { label: 'French', value: 'fre' },
+              { label: 'Spanish', value: 'spa' },
             ]"
-            component-id="CitySensor"
-            data-field="group.group_topics.topic_name_raw.keyword"
+            component-id="LanguageSensor"
+            data-field="language_code"
           />
         </div>
         <div class="col">
-          <selected-filters component-id="CitySensor" />
+          <selected-filters component-id="LanguageSensor" />
           <reactive-list
             :from="0"
             :size="5"
-            :inner-class="{
-              image: 'meetup-list-image',
-            }"
             :react="{
-              and: ['CitySensor']
+              and: ['LanguageSensor']
             }"
             :pagination="true"
             component-id="SearchResult"
-            data-field="group.group_topics.topic_name_raw.keyword"
+            data-field="original_title.keyword"
             title="Results"
             sort-by="asc"
             class="result-list-container"
           >
-            <template #render="{ data }">
-              <ResultListWrapper>
-                <ResultList
-                  v-for="result in data"
-                  :key="result._id"
-                  :href="result.event.event_url"
+            <template #renderItem="{ item }">
+              <div class="flex book-content">
+                <img
+                  :src="item.image"
+                  alt="Book Cover"
+                  class="book-image"
                 >
-                  <ResultListImage 
-                    :small="true" 
-                    :src="result.member.photo" />
-                  <ResultListContent>
-                    <ResultListTitle>
-                      {{ result.member ? result.member.member_name : '' }} is
-                      going to
-                      {{ result.event ? result.event.event_name : '' }}
-                    </ResultListTitle>
-                    <ResultListDescription>
-                      {{ result.group ? result.group.group_city : '' }}
-                    </ResultListDescription>
-                  </ResultListContent>
-                </ResultList>
-              </ResultListWrapper>
+                <div class="flex column justify-center ml20">
+                  <div class="book-header">{{ item.original_title }}</div>
+                  <div class="flex column justify-space-between">
+                    <div>
+                      <div>
+                        by <span class="authors-list">{{ item.authors }}</span>
+                      </div>
+                      <div class="ratings-list flex align-center">
+                        <span class="stars">
+                          <i
+                            v-for="(star, index) in Array(item.average_rating_rounded).fill('x')"
+                            :key="index"
+                            class="fas fa-star"
+                          />
+                        </span>
+                        <span class="avg-rating">({{ item.average_rating }} avg)</span>
+                      </div>
+                    </div>
+                    <span class="pub-year">Pub {{ item.original_publication_year }}</span>
+                  </div>
+                </div>
+              </div>
             </template>
           </reactive-list>
         </div>
@@ -66,7 +71,7 @@
 
 <script>
 import './styles.css';
-import { ReactiveBase, ReactiveList, ToggleButton, SelectedFilters, ResultList  } from '@appbaseio/reactivesearch-vue'
+import { ReactiveBase, ReactiveList, ToggleButton, SelectedFilters } from '@appbaseio/reactivesearch-vue'
 
 export default {
 	name: 'App',
@@ -75,7 +80,6 @@ export default {
 		ReactiveList,
 		ToggleButton,
 		SelectedFilters,
-		ResultList
 	},
 };
 </script>
diff --git a/packages/vue/examples/toggle-button/vite.config.js b/packages/vue/examples/toggle-button/vite.config.js
index ffc07a47c3..7535b7a7a5 100644
--- a/packages/vue/examples/toggle-button/vite.config.js
+++ b/packages/vue/examples/toggle-button/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['2v265qx5pr-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/tree-list/src/App.vue b/packages/vue/examples/tree-list/src/App.vue
index f136dcd46f..ebf43c2e39 100644
--- a/packages/vue/examples/tree-list/src/App.vue
+++ b/packages/vue/examples/tree-list/src/App.vue
@@ -3,7 +3,8 @@
     <ReactiveBase
       :enable-appbase="true"
       app="best-buy-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/tree-list/vite.config.js b/packages/vue/examples/tree-list/vite.config.js
index bea14d9f84..7535b7a7a5 100644
--- a/packages/vue/examples/tree-list/vite.config.js
+++ b/packages/vue/examples/tree-list/vite.config.js
@@ -12,6 +12,6 @@ export default {
 		],
 	},
     server: {
-        allowedHosts: ['6l3wny-5173.csb.app']
-    }
+		allowedHosts: true,
+	}
 };
diff --git a/packages/vue/examples/vector-search/src/App.vue b/packages/vue/examples/vector-search/src/App.vue
index 3334f342f8..a48cc325dc 100644
--- a/packages/vue/examples/vector-search/src/App.vue
+++ b/packages/vue/examples/vector-search/src/App.vue
@@ -1,8 +1,8 @@
 <template>
   <reactive-base
     app="yc-companies-dataset"
-    url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
-    credentials="a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61"
+    url="https://reactivesearch-api-9-4-0.onrender.com"
+    credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
     :enable-appbase="true"
   >
     <div class="container">
diff --git a/packages/vue/examples/vector-search/vite.config.js b/packages/vue/examples/vector-search/vite.config.js
index 071c8cc79f..475d7fdc4c 100644
--- a/packages/vue/examples/vector-search/vite.config.js
+++ b/packages/vue/examples/vector-search/vite.config.js
@@ -3,5 +3,8 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [vue()],
+  server: {
+    allowedHosts: true,
+  },
 })
\ No newline at end of file
diff --git a/packages/vue/examples/with-nuxt-typescript/components/search.vue b/packages/vue/examples/with-nuxt-typescript/components/search.vue
index abf517045a..be819424a5 100644
--- a/packages/vue/examples/with-nuxt-typescript/components/search.vue
+++ b/packages/vue/examples/with-nuxt-typescript/components/search.vue
@@ -10,7 +10,8 @@
 			:context-collector="contextCollector"
 			:initial-state="initialState"
 			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"
 		>
 			<nav class="nav">
 				<div class="title">Books Search</div>
diff --git a/packages/vue/examples/with-ssr/components/search.vue b/packages/vue/examples/with-ssr/components/search.vue
index a80f01cef8..41e833bfe7 100644
--- a/packages/vue/examples/with-ssr/components/search.vue
+++ b/packages/vue/examples/with-ssr/components/search.vue
@@ -11,7 +11,8 @@
 			:context-collector="contextCollector"
 			:initial-state="initialState"
 			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"
 		>
 			<nav class="nav">
 				<div class="title">Books Search</div>
diff --git a/packages/vue/examples/with-tailwind-css/src/App.vue b/packages/vue/examples/with-tailwind-css/src/App.vue
index e7c29de1b6..148f1c061b 100644
--- a/packages/vue/examples/with-tailwind-css/src/App.vue
+++ b/packages/vue/examples/with-tailwind-css/src/App.vue
@@ -4,7 +4,8 @@
     class="p-3 bg-gradient-to-r from-green-400 to-blue-500 text-center">
     <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"
     >
       <search-box
         :data-field="['original_title', 'original_title.search', 'authors', 'authors.search']"
diff --git a/packages/vue/examples/with-tailwind-css/vite.config.js b/packages/vue/examples/with-tailwind-css/vite.config.js
index a3416d35fe..4e0c0f9fca 100644
--- a/packages/vue/examples/with-tailwind-css/vite.config.js
+++ b/packages/vue/examples/with-tailwind-css/vite.config.js
@@ -11,4 +11,7 @@ export default {
 			'fast-deep-equal',
 		],
 	},
-};
+	server: {
+		allowedHosts: true,
+	},
+};
\ No newline at end of file
diff --git a/packages/web/examples/AIAnswer/src/index.js b/packages/web/examples/AIAnswer/src/index.js
index c53b3a39c8..792cbca13b 100644
--- a/packages/web/examples/AIAnswer/src/index.js
+++ b/packages/web/examples/AIAnswer/src/index.js
@@ -14,7 +14,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: false,
 			userId: 'jon',
diff --git a/packages/web/examples/AnalyticsWithHook/src/index.js b/packages/web/examples/AnalyticsWithHook/src/index.js
index e8c2531bf4..186b2f5718 100644
--- a/packages/web/examples/AnalyticsWithHook/src/index.js
+++ b/packages/web/examples/AnalyticsWithHook/src/index.js
@@ -40,7 +40,8 @@ const VisitStoreButton = () => {
 const Main = () => (
 	<ReactiveBase
 		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"
 		enableAppbase
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
diff --git a/packages/web/examples/CustomSelectedFilters/src/index.js b/packages/web/examples/CustomSelectedFilters/src/index.js
index cb1b8d73e9..60351824f3 100644
--- a/packages/web/examples/CustomSelectedFilters/src/index.js
+++ b/packages/web/examples/CustomSelectedFilters/src/index.js
@@ -16,7 +16,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/DatePicker/src/index.js b/packages/web/examples/DatePicker/src/index.js
index ef65ef6fa4..4e5328eb42 100644
--- a/packages/web/examples/DatePicker/src/index.js
+++ b/packages/web/examples/DatePicker/src/index.js
@@ -16,7 +16,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="clone-airbeds"
-				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"
 				type="listing"
 			>
 				<div className="row">
diff --git a/packages/web/examples/DateRange/src/index.js b/packages/web/examples/DateRange/src/index.js
index 3eae29a387..424fd4e7e0 100644
--- a/packages/web/examples/DateRange/src/index.js
+++ b/packages/web/examples/DateRange/src/index.js
@@ -39,7 +39,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="airbnb-dev"
-				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"
 				type="listing"
 			>
 				<div className="row">
diff --git a/packages/web/examples/DateRangeControlled/src/index.js b/packages/web/examples/DateRangeControlled/src/index.js
index 05a9b45fb3..2c1c1498d1 100644
--- a/packages/web/examples/DateRangeControlled/src/index.js
+++ b/packages/web/examples/DateRangeControlled/src/index.js
@@ -44,7 +44,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="airbnb-dev"
-				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
 			>
 				<div className="row">
diff --git a/packages/web/examples/DynamicRangeSlider/src/index.js b/packages/web/examples/DynamicRangeSlider/src/index.js
index 6da78b0669..b074a2aac8 100644
--- a/packages/web/examples/DynamicRangeSlider/src/index.js
+++ b/packages/web/examples/DynamicRangeSlider/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/ErrorBoundary/src/index.js b/packages/web/examples/ErrorBoundary/src/index.js
index b2eb2c4d39..30286f48a6 100644
--- a/packages/web/examples/ErrorBoundary/src/index.js
+++ b/packages/web/examples/ErrorBoundary/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 	>
 		<ErrorBoundary
 			renderError={(error) => (
diff --git a/packages/web/examples/FavoritesAnalytics/src/index.js b/packages/web/examples/FavoritesAnalytics/src/index.js
index 5a815d74d8..ca161e3d66 100644
--- a/packages/web/examples/FavoritesAnalytics/src/index.js
+++ b/packages/web/examples/FavoritesAnalytics/src/index.js
@@ -7,8 +7,8 @@ import './index.css';
 
 const AppbaseConfig = {
 	app: 'good-books-ds',
-	url: 'https://@appbase-demo-ansible-abxiydt-arc.searchbase.io',
-	credentials: 'a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61',
+	url: 'https://reactivesearch-api-9-4-0.onrender.com',
+	credentials: 'd03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0',
 };
 const aaInstance = aa.init({
 	index: AppbaseConfig.app,
diff --git a/packages/web/examples/MultiDataList/src/index.js b/packages/web/examples/MultiDataList/src/index.js
index 0b364d36f2..684e7e0307 100644
--- a/packages/web/examples/MultiDataList/src/index.js
+++ b/packages/web/examples/MultiDataList/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="meetup_app"
-		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/MultiDataListControlled/src/index.js b/packages/web/examples/MultiDataListControlled/src/index.js
index c032b34a5e..9e7d68c919 100644
--- a/packages/web/examples/MultiDataListControlled/src/index.js
+++ b/packages/web/examples/MultiDataListControlled/src/index.js
@@ -15,7 +15,8 @@ const Main = () => {
 	return (
 		<ReactiveBase
 			app="meetup_app"
-			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 className="row">
 				<div className="col">
diff --git a/packages/web/examples/MultiDropdownList/src/index.js b/packages/web/examples/MultiDropdownList/src/index.js
index dc33fc7cff..f7932fdb82 100644
--- a/packages/web/examples/MultiDropdownList/src/index.js
+++ b/packages/web/examples/MultiDropdownList/src/index.js
@@ -14,7 +14,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/MultiDropdownListControlled/src/index.js b/packages/web/examples/MultiDropdownListControlled/src/index.js
index 0039e4d954..b80b75d001 100644
--- a/packages/web/examples/MultiDropdownListControlled/src/index.js
+++ b/packages/web/examples/MultiDropdownListControlled/src/index.js
@@ -45,7 +45,8 @@ function Main() {
 	return (
 		<ReactiveBase
 			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 className="row">
 				<div className="col">
diff --git a/packages/web/examples/MultiDropdownRange/src/index.js b/packages/web/examples/MultiDropdownRange/src/index.js
index 2d87dccefc..deb5d3ba18 100644
--- a/packages/web/examples/MultiDropdownRange/src/index.js
+++ b/packages/web/examples/MultiDropdownRange/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row reverse-labels">
 			<div className="col">
diff --git a/packages/web/examples/MultiDropdownRangeControlled/src/index.js b/packages/web/examples/MultiDropdownRangeControlled/src/index.js
index 5455e94f92..fdc1e66415 100644
--- a/packages/web/examples/MultiDropdownRangeControlled/src/index.js
+++ b/packages/web/examples/MultiDropdownRangeControlled/src/index.js
@@ -15,7 +15,8 @@ const Main = () => {
 	return (
 		<ReactiveBase
 			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 className="row reverse-labels">
 				<div className="col">
diff --git a/packages/web/examples/MultiIndexFacet/src/index.js b/packages/web/examples/MultiIndexFacet/src/index.js
index 5a9ad3473e..cdcacd6c77 100644
--- a/packages/web/examples/MultiIndexFacet/src/index.js
+++ b/packages/web/examples/MultiIndexFacet/src/index.js
@@ -9,7 +9,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="good-books-ds,good-books-authors"
-				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/MultiIndexSearch/src/index.js b/packages/web/examples/MultiIndexSearch/src/index.js
index 303cfb2d7a..e5d2bceded 100644
--- a/packages/web/examples/MultiIndexSearch/src/index.js
+++ b/packages/web/examples/MultiIndexSearch/src/index.js
@@ -17,7 +17,8 @@ const badge = {
 const Main = () => (
 	<ReactiveBase
 		app="good-books,good-books-ds"
-		url="https://b59ca4ceab0d:00a2085f-8794-4a7e-96af-041f45332f0e@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+		url="https://reactivesearch-api-9-4-0.onrender.com"
+		credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 			userId: 'jon',
diff --git a/packages/web/examples/MultiList/src/index.js b/packages/web/examples/MultiList/src/index.js
index abd74dd65a..b2bb257889 100644
--- a/packages/web/examples/MultiList/src/index.js
+++ b/packages/web/examples/MultiList/src/index.js
@@ -9,7 +9,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/MultiListAntd/src/index.js b/packages/web/examples/MultiListAntd/src/index.js
index 85eccb57cc..495b48caab 100644
--- a/packages/web/examples/MultiListAntd/src/index.js
+++ b/packages/web/examples/MultiListAntd/src/index.js
@@ -9,7 +9,8 @@ const { Meta } = Card;
 const Main = () => (
 	<ReactiveBase
 		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 className="row">
 			<div
diff --git a/packages/web/examples/MultiListControlled/src/index.js b/packages/web/examples/MultiListControlled/src/index.js
index ec8f1b706b..216f8aeb26 100644
--- a/packages/web/examples/MultiListControlled/src/index.js
+++ b/packages/web/examples/MultiListControlled/src/index.js
@@ -39,7 +39,8 @@ function Main() {
 	return (
 		<ReactiveBase
 			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 className="row">
 				<div className="col">
diff --git a/packages/web/examples/MultiRange/src/index.js b/packages/web/examples/MultiRange/src/index.js
index e213e12d6c..3de3d61ba6 100644
--- a/packages/web/examples/MultiRange/src/index.js
+++ b/packages/web/examples/MultiRange/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row reverse-labels">
 			<div className="col">
diff --git a/packages/web/examples/MultiRangeControlled/src/index.js b/packages/web/examples/MultiRangeControlled/src/index.js
index 9a43289e1e..21cfe18202 100644
--- a/packages/web/examples/MultiRangeControlled/src/index.js
+++ b/packages/web/examples/MultiRangeControlled/src/index.js
@@ -15,7 +15,8 @@ const Main = () => {
 	return (
 		<ReactiveBase
 			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 className="row reverse-labels">
 				<div className="col">
diff --git a/packages/web/examples/MyAwesomeSearchStep1/src/App.js b/packages/web/examples/MyAwesomeSearchStep1/src/App.js
index 3a28cd4ac2..0d8bd537bf 100644
--- a/packages/web/examples/MyAwesomeSearchStep1/src/App.js
+++ b/packages/web/examples/MyAwesomeSearchStep1/src/App.js
@@ -4,9 +4,9 @@ import { ReactiveBase } from '@appbaseio/reactivesearch';
 function App() {
 	return (
 		<ReactiveBase
-			url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
+			url="https://reactivesearch-api-9-4-0.onrender.com"
 			app="good-books-ds"
-			credentials="04717bb076f7:be54685e-db84-4243-975b-5b32ee241d31"
+			credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 		>
 			{/* Our components will go over here */}
 			Hello from ReactiveSearch 👋
diff --git a/packages/web/examples/MyAwesomeSearchStep2/src/App.js b/packages/web/examples/MyAwesomeSearchStep2/src/App.js
index a2fe8f3fa6..415f69fbdc 100644
--- a/packages/web/examples/MyAwesomeSearchStep2/src/App.js
+++ b/packages/web/examples/MyAwesomeSearchStep2/src/App.js
@@ -4,9 +4,9 @@ import { ReactiveBase, SearchBox } from '@appbaseio/reactivesearch';
 function App() {
 	return (
 		<ReactiveBase
-			url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
+			url="https://reactivesearch-api-9-4-0.onrender.com"
 			app="good-books-ds"
-			credentials="04717bb076f7:be54685e-db84-4243-975b-5b32ee241d31"
+			credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 		>
 			<SearchBox
 				componentId="searchbox"
diff --git a/packages/web/examples/MyAwesomeSearchStep3/src/App.js b/packages/web/examples/MyAwesomeSearchStep3/src/App.js
index 689ae1b4c7..db86fb083c 100644
--- a/packages/web/examples/MyAwesomeSearchStep3/src/App.js
+++ b/packages/web/examples/MyAwesomeSearchStep3/src/App.js
@@ -4,9 +4,9 @@ import { ReactiveBase, SearchBox, MultiList, SingleRange } from '@appbaseio/reac
 function App() {
 	return (
 		<ReactiveBase
-			url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
+			url="https://reactivesearch-api-9-4-0.onrender.com"
 			app="good-books-ds"
-			credentials="04717bb076f7:be54685e-db84-4243-975b-5b32ee241d31"
+			credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 		>
 			<SearchBox
 				componentId="searchbox"
diff --git a/packages/web/examples/MyAwesomeSearchStep4/src/App.js b/packages/web/examples/MyAwesomeSearchStep4/src/App.js
index 6fcb46cc02..86118e0436 100644
--- a/packages/web/examples/MyAwesomeSearchStep4/src/App.js
+++ b/packages/web/examples/MyAwesomeSearchStep4/src/App.js
@@ -11,9 +11,9 @@ import {
 function App() {
 	return (
 		<ReactiveBase
-			url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
+			url="https://reactivesearch-api-9-4-0.onrender.com"
 			app="good-books-ds"
-			credentials="04717bb076f7:be54685e-db84-4243-975b-5b32ee241d31"
+			credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 		>
 			<SearchBox
 				componentId="searchbox"
diff --git a/packages/web/examples/MyAwesomeSearchStep5/src/App.js b/packages/web/examples/MyAwesomeSearchStep5/src/App.js
index 254085b258..3976771744 100644
--- a/packages/web/examples/MyAwesomeSearchStep5/src/App.js
+++ b/packages/web/examples/MyAwesomeSearchStep5/src/App.js
@@ -11,9 +11,9 @@ import {
 function App() {
 	return (
 		<ReactiveBase
-			url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
+			url="https://reactivesearch-api-9-4-0.onrender.com"
 			app="good-books-ds"
-			credentials="04717bb076f7:be54685e-db84-4243-975b-5b32ee241d31"
+			credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 		>
 			<div style={{ display: 'flex', flexDirection: 'row' }}>
 				<div
diff --git a/packages/web/examples/NumberBox/src/index.js b/packages/web/examples/NumberBox/src/index.js
index abb8d213b3..f02ed1efd4 100644
--- a/packages/web/examples/NumberBox/src/index.js
+++ b/packages/web/examples/NumberBox/src/index.js
@@ -6,7 +6,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row reverse-labels">
 			<div className="col">
diff --git a/packages/web/examples/PathBasedRouting/src/components/SearchUI.js b/packages/web/examples/PathBasedRouting/src/components/SearchUI.js
index dd2cdb47be..8c5a71bb73 100644
--- a/packages/web/examples/PathBasedRouting/src/components/SearchUI.js
+++ b/packages/web/examples/PathBasedRouting/src/components/SearchUI.js
@@ -76,7 +76,8 @@ const SearchUI = () => {
 	return (
 		<ReactiveBase
 			app="best-buy-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"
 			enableAppbase
 			getSearchParams={getSearchParams}
 			setSearchParams={setSearchParams}
diff --git a/packages/web/examples/Preferences/src/index.js b/packages/web/examples/Preferences/src/index.js
index b6e038e135..aff155f4ab 100644
--- a/packages/web/examples/Preferences/src/index.js
+++ b/packages/web/examples/Preferences/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 		}}
diff --git a/packages/web/examples/QuerySuggestion/src/App.js b/packages/web/examples/QuerySuggestion/src/App.js
index 84802b4eb7..32b696ccd3 100644
--- a/packages/web/examples/QuerySuggestion/src/App.js
+++ b/packages/web/examples/QuerySuggestion/src/App.js
@@ -1,27 +1,6 @@
 import { SearchBox, ReactiveList, ResultCard } from '@appbaseio/reactivesearch';
 
-import { magnifyingGlassIcon, trendingIcon } from './icons';
-
-function getCategoryResults(data) {
-	const results = {};
-	// eslint-disable-next-line no-plusplus
-	for (let i = 0; i < data.length; i++) {
-		const result = data[i];
-		const category = result._category.split(',');
-		if (Array.isArray(category)) {
-			// eslint-disable-next-line no-plusplus
-			for (let j = 0; j < category.length; j++) {
-				if (!results[category[j]]) {
-					results[category[j]] = Object.assign({}, result, {
-						_category: category[j],
-						value: category[j],
-					});
-				}
-			}
-		}
-	}
-	return Object.keys(results).map((k) => results[k]);
-}
+import { magnifyingGlassIcon } from './icons';
 
 const App = () => (
 	<div className="page">
@@ -40,123 +19,47 @@ const App = () => (
 		<SearchBox
 			componentId="search"
 			size={10}
-			aggregationSize={5}
-			categoryField="genres_data.keyword"
-			dataField={['original_title', 'overview']}
-			enablePopularSuggestions
-			popularSuggestionsConfig={{ index: 'movies-store-app', size: 5 }}
+			dataField={['original_title', 'original_title.search']}
 			render={({
 				error,
 				data,
-				value,
 				downshiftProps: { isOpen, getItemProps, highlightedIndex, selectedItem },
 			}) => {
 				if (error) {
 					return <div>Something went wrong! Error details {JSON.stringify(error)}</div>;
 				}
-				const popularResults = data.filter((res) => res._suggestion_type === 'popular');
 				const indexResults = data.filter(
-					(res) => res._suggestion_type === 'index' && !res._category,
+					res => res._suggestion_type === 'index' && !res._category,
 				);
-				const categoryResults = getCategoryResults(data.filter((res) => res._category));
 
-				return isOpen &&
-					(indexResults.length || categoryResults.length || popularResults.length) ? (
+				return isOpen && indexResults.length ? (
 					<div className="result suggestions">
 						<div className="flex column">
-							{indexResults.length ? (
-								<div className="resultSuggestion list">
-									<div className="listHead">Suggestions</div>
-									{indexResults.map((item, index) => (
-										<div
-											/* eslint-disable-next-line react/no-array-index-key */
-											key={item._id + index}
-											{...getItemProps({
-												item,
-												style: {
-													backgroundColor:
-														highlightedIndex === index
-															? 'lightgray'
-															: 'white',
-													fontWeight:
-														selectedItem === item ? 'bold' : 'normal',
-												},
-											})}
-											className="listItem"
-										>
-											<span className="listIcon">{magnifyingGlassIcon}</span>
-											<span className="clipText">{item.value}</span>
-										</div>
-									))}
-								</div>
-							) : null}
-							{categoryResults.length ? (
-								<div className="resultCategory list">
-									<div className="listHead">Genres</div>
-									{categoryResults.map((item, index) => (
-										<div
-											key={item._category}
-											{...getItemProps({
-												item,
-												style: {
-													backgroundColor:
-														highlightedIndex ===
-														index + indexResults.length
-															? 'lightgray'
-															: 'white',
-													fontWeight:
-														selectedItem === item ? 'bold' : 'normal',
-												},
-											})}
-											className="listItem"
-										>
-											<span className="listIcon">{magnifyingGlassIcon}</span>
-											<span className="clipText">{item.value}</span>
-										</div>
-									))}
-								</div>
-							) : null}
-						</div>
-						{(indexResults.length || categoryResults.length) &&
-						popularResults.length ? (
-							<div className="divider" />
-						) : null}
-						{popularResults.length ? (
-							<div className="resultPopular list">
-								<div className="listHead flex align-center">
-									{/* eslint-disable-next-line react/no-unescaped-entities */}
-									<span>Popular</span>
-									{value ? (
-										<span className="clipText pad-l-1">in "{value}"</span>
-									) : null}
-								</div>
-								<div>
-									{popularResults.map((item, index) => (
-										<div
-											key={item._id}
-											{...getItemProps({
-												item,
-												style: {
-													backgroundColor:
-														highlightedIndex ===
-														index +
-															indexResults.length +
-															categoryResults.length
-															? 'lightgray'
-															: 'white',
-													fontWeight:
-														selectedItem === item ? 'bold' : 'normal',
-												},
-											})}
-											className="listItem"
-										>
-											<span className="listIcon">{trendingIcon}</span>
-											<span className="clipText">{item.value}</span>
-										</div>
-									))}
-								</div>
+							<div className="resultSuggestion list">
+								<div className="listHead">Suggestions</div>
+								{indexResults.map((item, index) => (
+									<div
+										/* eslint-disable-next-line react/no-array-index-key */
+										key={item._id + index}
+										{...getItemProps({
+											item,
+											style: {
+												backgroundColor:
+													highlightedIndex === index
+														? 'lightgray'
+														: 'white',
+												fontWeight:
+													selectedItem === item ? 'bold' : 'normal',
+											},
+										})}
+										className="listItem"
+									>
+										<span className="listIcon">{magnifyingGlassIcon}</span>
+										<span className="clipText">{item.value}</span>
+									</div>
+								))}
 							</div>
-						) : null}
+						</div>
 					</div>
 				) : null;
 			}}
@@ -164,23 +67,24 @@ const App = () => (
 		<ReactiveList
 			componentId="result"
 			size={5}
-			dataField="original_title"
+			dataField="_score"
 			react={{ and: 'search' }}
 			pagination
 			render={({ data }) => (
 				<ReactiveList.ResultCardsWrapper>
-					{data.map((item) => (
+					{data.map(item => (
 						<ResultCard id={item._id} key={item._id}>
-							<ResultCard.Image
-								src={`https://image.tmdb.org/t/p/w500${item.poster_path}`}
-							/>
+							<ResultCard.Image src={item.image} />
 							<ResultCard.Title>
 								<div className="book-title">{item.original_title}</div>
 							</ResultCard.Title>
-
 							<ResultCard.Description>
-								<span className="language">{item.original_language}</span>
-								<span>-</span> <span>{item.release_year}</span>
+								<div>
+									by <span className="authors-list">{item.authors}</span>
+								</div>
+								<div>
+									Pub {item.original_publication_year} · {item.language_code}
+								</div>
 							</ResultCard.Description>
 						</ResultCard>
 					))}
diff --git a/packages/web/examples/QuerySuggestion/src/index.js b/packages/web/examples/QuerySuggestion/src/index.js
index 48b6c7674b..76376e910d 100644
--- a/packages/web/examples/QuerySuggestion/src/index.js
+++ b/packages/web/examples/QuerySuggestion/src/index.js
@@ -7,9 +7,9 @@ import App from './App';
 
 const Main = () => (
 	<ReactiveBase
-		app="movies-store-app"
-		credentials="b6bf924c4fb1:770dc0a7-7c11-415f-a5f1-88fa24633063"
-		url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
+		app="good-books-ds"
+		credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
+		url="https://reactivesearch-api-9-4-0.onrender.com"
 	>
 		<App />
 	</ReactiveBase>
diff --git a/packages/web/examples/RangeInput/src/index.js b/packages/web/examples/RangeInput/src/index.js
index 8b5e6afc06..e32751238b 100644
--- a/packages/web/examples/RangeInput/src/index.js
+++ b/packages/web/examples/RangeInput/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/RangeSlider/src/index.js b/packages/web/examples/RangeSlider/src/index.js
index 66baeb5e54..c15e99b143 100644
--- a/packages/web/examples/RangeSlider/src/index.js
+++ b/packages/web/examples/RangeSlider/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/RatingsFilter/src/index.js b/packages/web/examples/RatingsFilter/src/index.js
index dce11e08c6..2f9b5a5c45 100644
--- a/packages/web/examples/RatingsFilter/src/index.js
+++ b/packages/web/examples/RatingsFilter/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/ReactiveChart/Bar/src/index.js b/packages/web/examples/ReactiveChart/Bar/src/index.js
index 513e7cab45..6483a3799f 100644
--- a/packages/web/examples/ReactiveChart/Bar/src/index.js
+++ b/packages/web/examples/ReactiveChart/Bar/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 		}}
diff --git a/packages/web/examples/ReactiveChart/Histogram/src/index.js b/packages/web/examples/ReactiveChart/Histogram/src/index.js
index 73f63093ed..b84586496d 100644
--- a/packages/web/examples/ReactiveChart/Histogram/src/index.js
+++ b/packages/web/examples/ReactiveChart/Histogram/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 		}}
diff --git a/packages/web/examples/ReactiveChart/Line/src/index.js b/packages/web/examples/ReactiveChart/Line/src/index.js
index 1394a04b67..09c6b33803 100644
--- a/packages/web/examples/ReactiveChart/Line/src/index.js
+++ b/packages/web/examples/ReactiveChart/Line/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 		}}
diff --git a/packages/web/examples/ReactiveChart/Pie/src/index.js b/packages/web/examples/ReactiveChart/Pie/src/index.js
index e30ca1eb18..cf0fee1169 100644
--- a/packages/web/examples/ReactiveChart/Pie/src/index.js
+++ b/packages/web/examples/ReactiveChart/Pie/src/index.js
@@ -14,7 +14,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 		}}
diff --git a/packages/web/examples/ReactiveChart/Scatter/src/index.js b/packages/web/examples/ReactiveChart/Scatter/src/index.js
index cafc4914a1..05077cc36f 100644
--- a/packages/web/examples/ReactiveChart/Scatter/src/index.js
+++ b/packages/web/examples/ReactiveChart/Scatter/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 		}}
diff --git a/packages/web/examples/ReactiveChart/StackedBarChart/src/index.js b/packages/web/examples/ReactiveChart/StackedBarChart/src/index.js
index 4df3934a2a..0bb2d86bb8 100644
--- a/packages/web/examples/ReactiveChart/StackedBarChart/src/index.js
+++ b/packages/web/examples/ReactiveChart/StackedBarChart/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-store-app"
-		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 		}}
diff --git a/packages/web/examples/ReactiveComponent/src/index.js b/packages/web/examples/ReactiveComponent/src/index.js
index 64d3c33bb5..5f2d4924e4 100644
--- a/packages/web/examples/ReactiveComponent/src/index.js
+++ b/packages/web/examples/ReactiveComponent/src/index.js
@@ -16,7 +16,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/ReactiveComponentGeneric/src/index.js b/packages/web/examples/ReactiveComponentGeneric/src/index.js
index 4b8577623f..2be02b4ab1 100644
--- a/packages/web/examples/ReactiveComponentGeneric/src/index.js
+++ b/packages/web/examples/ReactiveComponentGeneric/src/index.js
@@ -17,7 +17,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/ReactiveComponentWithAggregation/src/index.js b/packages/web/examples/ReactiveComponentWithAggregation/src/index.js
index 7cc993e610..912c59f81f 100644
--- a/packages/web/examples/ReactiveComponentWithAggregation/src/index.js
+++ b/packages/web/examples/ReactiveComponentWithAggregation/src/index.js
@@ -16,7 +16,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="carstore-dataset-latest"
-				credentials="B86d2y2OE:4fecb2c5-5c5f-49e5-9e0b-0faba74597c6"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 			>
 				<div className="row">
 					<div className="col">
diff --git a/packages/web/examples/ReactiveList/src/index.js b/packages/web/examples/ReactiveList/src/index.js
index b8110b78a4..c02a528556 100644
--- a/packages/web/examples/ReactiveList/src/index.js
+++ b/packages/web/examples/ReactiveList/src/index.js
@@ -14,7 +14,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="good-books-ds"
-				url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io?preference=lded"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 			>
 				<div className="row">
 					<div className="col">
diff --git a/packages/web/examples/ReactiveListWithAggregation/src/index.js b/packages/web/examples/ReactiveListWithAggregation/src/index.js
index d0268af2eb..abb23a8281 100644
--- a/packages/web/examples/ReactiveListWithAggregation/src/index.js
+++ b/packages/web/examples/ReactiveListWithAggregation/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/ResultCard/src/index.js b/packages/web/examples/ResultCard/src/index.js
index 41b77b4ac5..80976b8f64 100644
--- a/packages/web/examples/ResultCard/src/index.js
+++ b/packages/web/examples/ResultCard/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row reverse-labels">
 			<div className="col">
diff --git a/packages/web/examples/ResultList/src/index.js b/packages/web/examples/ResultList/src/index.js
index ff66605992..e40432389c 100644
--- a/packages/web/examples/ResultList/src/index.js
+++ b/packages/web/examples/ResultList/src/index.js
@@ -12,7 +12,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row reverse-labels">
 			<div className="col">
diff --git a/packages/web/examples/RichSnippets/src/index.js b/packages/web/examples/RichSnippets/src/index.js
index 1df59ca060..0d56929144 100644
--- a/packages/web/examples/RichSnippets/src/index.js
+++ b/packages/web/examples/RichSnippets/src/index.js
@@ -8,7 +8,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-store-rich-snippets"
-		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 className="cover">
 			<p className="logo">
diff --git a/packages/web/examples/SavedSearch/src/index.js b/packages/web/examples/SavedSearch/src/index.js
index d610adf086..ec85143cee 100644
--- a/packages/web/examples/SavedSearch/src/index.js
+++ b/packages/web/examples/SavedSearch/src/index.js
@@ -21,7 +21,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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"
 			>
 				<StateProvider>
 					{({ setSearchState }) => (
diff --git a/packages/web/examples/SavedSearchAnalytics/src/index.js b/packages/web/examples/SavedSearchAnalytics/src/index.js
index 8fbce91a25..fe8bade269 100644
--- a/packages/web/examples/SavedSearchAnalytics/src/index.js
+++ b/packages/web/examples/SavedSearchAnalytics/src/index.js
@@ -7,8 +7,8 @@ import './index.css';
 
 const AppbaseConfig = {
 	app: 'good-books-ds',
-	url: 'https://@appbase-demo-ansible-abxiydt-arc.searchbase.io',
-	credentials: 'a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61',
+	url: 'https://reactivesearch-api-9-4-0.onrender.com',
+	credentials: 'd03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0',
 };
 const aaInstance = aa.init({
 	index: AppbaseConfig.app,
diff --git a/packages/web/examples/SearchBox/src/index.js b/packages/web/examples/SearchBox/src/index.js
index 567e400f7b..41994eb918 100644
--- a/packages/web/examples/SearchBox/src/index.js
+++ b/packages/web/examples/SearchBox/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 			userId: 'jon',
diff --git a/packages/web/examples/SearchBoxWithAutosuggestions/src/index.js b/packages/web/examples/SearchBoxWithAutosuggestions/src/index.js
index 22a74d62ab..e9c113ddbd 100644
--- a/packages/web/examples/SearchBoxWithAutosuggestions/src/index.js
+++ b/packages/web/examples/SearchBoxWithAutosuggestions/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-demo-app"
-		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 			userId: 'jon',
diff --git a/packages/web/examples/SearchBoxWithFAQSuggestions/src/index.js b/packages/web/examples/SearchBoxWithFAQSuggestions/src/index.js
index 4c0e0a82da..befd6582c9 100644
--- a/packages/web/examples/SearchBoxWithFAQSuggestions/src/index.js
+++ b/packages/web/examples/SearchBoxWithFAQSuggestions/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-demo-app"
-		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 			userId: 'jon',
diff --git a/packages/web/examples/SearchBoxWithFeaturedSuggestions/src/index.js b/packages/web/examples/SearchBoxWithFeaturedSuggestions/src/index.js
index 7d6b95d82d..753a0e385d 100644
--- a/packages/web/examples/SearchBoxWithFeaturedSuggestions/src/index.js
+++ b/packages/web/examples/SearchBoxWithFeaturedSuggestions/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-demo-app"
-		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 			userId: 'jon',
diff --git a/packages/web/examples/SearchBoxWithInstantSearch/src/index.js b/packages/web/examples/SearchBoxWithInstantSearch/src/index.js
index e466a7116f..014f51da42 100644
--- a/packages/web/examples/SearchBoxWithInstantSearch/src/index.js
+++ b/packages/web/examples/SearchBoxWithInstantSearch/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-demo-app"
-		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/SearchBoxWithKeyboardShortcuts/src/index.js b/packages/web/examples/SearchBoxWithKeyboardShortcuts/src/index.js
index 454d4b9d11..e0437a3264 100644
--- a/packages/web/examples/SearchBoxWithKeyboardShortcuts/src/index.js
+++ b/packages/web/examples/SearchBoxWithKeyboardShortcuts/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-demo-app"
-		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/SearchBoxWithPillSuggestions/src/index.js b/packages/web/examples/SearchBoxWithPillSuggestions/src/index.js
index 0f17628a70..07e236b73d 100644
--- a/packages/web/examples/SearchBoxWithPillSuggestions/src/index.js
+++ b/packages/web/examples/SearchBoxWithPillSuggestions/src/index.js
@@ -9,7 +9,8 @@ const Main = () => {
 	return (
 		<ReactiveBase
 			app="movies-demo-app"
-			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 className="row">
 				<div className="col">
diff --git a/packages/web/examples/SearchBoxWithPopularRecentSuggestions/src/index.js b/packages/web/examples/SearchBoxWithPopularRecentSuggestions/src/index.js
index 4b237b222e..1668ac0807 100644
--- a/packages/web/examples/SearchBoxWithPopularRecentSuggestions/src/index.js
+++ b/packages/web/examples/SearchBoxWithPopularRecentSuggestions/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-demo-app"
-		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"
 		reactivesearchAPIConfig={{
 			recordAnalytics: true,
 			userId: 'jon',
diff --git a/packages/web/examples/SearchBoxWithTags/src/index.js b/packages/web/examples/SearchBoxWithTags/src/index.js
index 1e399b5a31..e7b5c9533b 100644
--- a/packages/web/examples/SearchBoxWithTags/src/index.js
+++ b/packages/web/examples/SearchBoxWithTags/src/index.js
@@ -7,7 +7,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="movies-demo-app"
-		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/SearchBoxWithVoiceSearch/src/index.js b/packages/web/examples/SearchBoxWithVoiceSearch/src/index.js
index a459097fec..4571c40f0d 100644
--- a/packages/web/examples/SearchBoxWithVoiceSearch/src/index.js
+++ b/packages/web/examples/SearchBoxWithVoiceSearch/src/index.js
@@ -9,7 +9,8 @@ const Main = () => {
 	return (
 		<ReactiveBase
 			app="movies-demo-app"
-			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 className="row">
 				<div className="col">
diff --git a/packages/web/examples/SelectedFilters/src/index.js b/packages/web/examples/SelectedFilters/src/index.js
index cb37740290..7a19708cd6 100644
--- a/packages/web/examples/SelectedFilters/src/index.js
+++ b/packages/web/examples/SelectedFilters/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/SingleDataList/src/index.js b/packages/web/examples/SingleDataList/src/index.js
index 415befb293..0a5e8c9663 100644
--- a/packages/web/examples/SingleDataList/src/index.js
+++ b/packages/web/examples/SingleDataList/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="meetup_app"
-		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/SingleDropdownList/src/index.js b/packages/web/examples/SingleDropdownList/src/index.js
index de4725c6fd..a40a196571 100644
--- a/packages/web/examples/SingleDropdownList/src/index.js
+++ b/packages/web/examples/SingleDropdownList/src/index.js
@@ -15,7 +15,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/SingleDropdownRange/src/index.js b/packages/web/examples/SingleDropdownRange/src/index.js
index a018323e49..359c5d1005 100644
--- a/packages/web/examples/SingleDropdownRange/src/index.js
+++ b/packages/web/examples/SingleDropdownRange/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row reverse-labels">
 			<div className="col">
diff --git a/packages/web/examples/SingleList/src/index.js b/packages/web/examples/SingleList/src/index.js
index 3496eec823..ca13dda802 100644
--- a/packages/web/examples/SingleList/src/index.js
+++ b/packages/web/examples/SingleList/src/index.js
@@ -10,7 +10,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/SingleRange/src/index.js b/packages/web/examples/SingleRange/src/index.js
index 6104a42f56..41503413ca 100644
--- a/packages/web/examples/SingleRange/src/index.js
+++ b/packages/web/examples/SingleRange/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		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 className="row reverse-labels">
 			<div className="col">
diff --git a/packages/web/examples/TabDataList/src/index.js b/packages/web/examples/TabDataList/src/index.js
index 296a1f5ebc..322b3fe7bc 100644
--- a/packages/web/examples/TabDataList/src/index.js
+++ b/packages/web/examples/TabDataList/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="meetup_app"
-		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 className="container">
 			<SelectedFilters />
diff --git a/packages/web/examples/TagCloud/src/index.js b/packages/web/examples/TagCloud/src/index.js
index a9194f5b47..3915aa4347 100644
--- a/packages/web/examples/TagCloud/src/index.js
+++ b/packages/web/examples/TagCloud/src/index.js
@@ -13,7 +13,8 @@ import './index.css';
 const Main = () => (
 	<ReactiveBase
 		app="meetup_app"
-		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/ToggleButton/src/index.js b/packages/web/examples/ToggleButton/src/index.js
index 604bacbba9..aef37db6ec 100644
--- a/packages/web/examples/ToggleButton/src/index.js
+++ b/packages/web/examples/ToggleButton/src/index.js
@@ -3,27 +3,56 @@ import ReactDOM from 'react-dom/client';
 import {
 	ReactiveBase,
 	ToggleButton,
-	ResultList,
 	SelectedFilters,
 	ReactiveList,
 } from '@appbaseio/reactivesearch';
 
 import './index.css';
 
+const booksReactiveList = data => (
+	<div className="flex book-content" key={data._id}>
+		<img src={data.image} alt="Book Cover" className="book-image" />
+		<div className="flex column justify-center" style={{ marginLeft: 20 }}>
+			<div className="book-header">{data.original_title}</div>
+			<div className="flex column justify-space-between">
+				<div>
+					<div>
+						by <span className="authors-list">{data.authors}</span>
+					</div>
+					<div className="ratings-list flex align-center">
+						<span className="stars">
+							{
+								Array(data.average_rating_rounded)
+									.fill('x')
+									.map((item, index) => (
+										<i className="fas fa-star" key={index} />
+									)) // eslint-disable-line
+							}
+						</span>
+						<span className="avg-rating">({data.average_rating} avg)</span>
+					</div>
+				</div>
+				<span className="pub-year">Pub {data.original_publication_year}</span>
+			</div>
+		</div>
+	</div>
+);
+
 const Main = () => (
 	<ReactiveBase
-		app="meetup_app"
-		url="https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+		app="good-books-ds"
+		url="https://reactivesearch-api-9-4-0.onrender.com"
+		credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 	>
 		<div className="row">
 			<div className="col">
 				<ToggleButton
-					componentId="CitySensor"
-					dataField="group.group_topics.topic_name_raw.keyword"
+					componentId="LanguageSensor"
+					dataField="language_code"
 					data={[
-						{ label: 'Social', value: 'Social' },
-						{ label: 'Adventure', value: 'Adventure' },
-						{ label: 'Music', value: 'Music' },
+						{ label: 'English', value: 'eng' },
+						{ label: 'French', value: 'fre' },
+						{ label: 'Spanish', value: 'spa' },
 					]}
 				/>
 			</div>
@@ -31,58 +60,17 @@ const Main = () => (
 				<SelectedFilters />
 				<ReactiveList
 					componentId="SearchResult"
-					dataField="group.group_topics.topic_name_raw.keyword"
+					dataField="original_title.keyword"
 					title="Results"
 					sortBy="asc"
 					className="result-list-container"
 					from={0}
 					size={5}
-					innerClass={{
-						image: 'meetup-list-image',
-					}}
 					pagination
 					react={{
-						and: ['CitySensor'],
+						and: ['LanguageSensor'],
 					}}
-					render={({ data }) => (
-						<ReactiveList.ResultListWrapper>
-							{data.map(item => (
-								<ResultList href={item.event.event_url} key={item._id}>
-									<ResultList.Image src={item.member.photo} small />
-									<ResultList.Content>
-										<ResultList.Title>
-											<div className="meetup-title">
-												{item.member ? item.member.member_name : ''} is
-												going to ${item.event ? item.event.event_name : ''}
-											</div>
-										</ResultList.Title>
-										<ResultList.Description>
-											<div className="flex column">
-												<div className="meetup-location">
-													<span className="location">
-														<i className="fas fa-map-marker-alt" />
-													</span>
-													{item.group ? item.group.group_city : ''}
-												</div>
-												<div className="flex wrap meetup-topics">
-													{item.group.group_topics
-														.slice(0, 4)
-														.map(tag => (
-															<div
-																className="meetup-topic"
-																key={tag.topic_name}
-															>
-																{tag.topic_name}
-															</div>
-														))}
-												</div>
-											</div>
-										</ResultList.Description>
-									</ResultList.Content>
-								</ResultList>
-							))}
-						</ReactiveList.ResultListWrapper>
-					)}
+					renderItem={booksReactiveList}
 				/>
 			</div>
 		</div>
diff --git a/packages/web/examples/TreeList/src/index.js b/packages/web/examples/TreeList/src/index.js
index 8538ed01c5..f5b9cba6a2 100644
--- a/packages/web/examples/TreeList/src/index.js
+++ b/packages/web/examples/TreeList/src/index.js
@@ -10,7 +10,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="best-buy-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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/TreeListWithCustomSelectedFilters/src/index.js b/packages/web/examples/TreeListWithCustomSelectedFilters/src/index.js
index f44b92d2fd..051535fff4 100644
--- a/packages/web/examples/TreeListWithCustomSelectedFilters/src/index.js
+++ b/packages/web/examples/TreeListWithCustomSelectedFilters/src/index.js
@@ -18,7 +18,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				app="best-buy-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 className="row">
 					<div className="col">
diff --git a/packages/web/examples/VectorSearch/src/index.js b/packages/web/examples/VectorSearch/src/index.js
index ee68860318..8ef2ff5346 100644
--- a/packages/web/examples/VectorSearch/src/index.js
+++ b/packages/web/examples/VectorSearch/src/index.js
@@ -13,8 +13,8 @@ const App = () => {
 	return (
 		<ReactiveBase
 			app="yc-companies-dataset"
-			url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
-			credentials="a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61"
+			url="https://reactivesearch-api-9-4-0.onrender.com"
+			credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 			enableAppbase
 		>
 			<div className="container">
diff --git a/packages/web/examples/ssr-with-react-dom/common/App.js b/packages/web/examples/ssr-with-react-dom/common/App.js
index 4ad07d2ca8..6119e5dfd9 100644
--- a/packages/web/examples/ssr-with-react-dom/common/App.js
+++ b/packages/web/examples/ssr-with-react-dom/common/App.js
@@ -7,7 +7,8 @@ import BookCard from './BookCard';
 // settings for the ReactiveBase component
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr-with-react-dom/server/server.js b/packages/web/examples/ssr-with-react-dom/server/server.js
index bf066ae719..62571f59c5 100644
--- a/packages/web/examples/ssr-with-react-dom/server/server.js
+++ b/packages/web/examples/ssr-with-react-dom/server/server.js
@@ -9,7 +9,8 @@ import App from '../common/App';
 // settings for the ReactiveBase component
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/datepicker.js b/packages/web/examples/ssr/pages/datepicker.js
index 97d60b480e..d2b551725c 100644
--- a/packages/web/examples/ssr/pages/datepicker.js
+++ b/packages/web/examples/ssr/pages/datepicker.js
@@ -31,7 +31,8 @@ const dateQuery = (value, props) => {
 
 const settings = {
 	app: 'airbnb-dev',
-	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: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/daterange.js b/packages/web/examples/ssr/pages/daterange.js
index 674a53ec00..00158ab503 100644
--- a/packages/web/examples/ssr/pages/daterange.js
+++ b/packages/web/examples/ssr/pages/daterange.js
@@ -32,7 +32,8 @@ const dateQuery = (value, props) => {
 
 const settings = {
 	app: 'airbnb-dev',
-	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: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/dynamicrangeslider.js b/packages/web/examples/ssr/pages/dynamicrangeslider.js
index e998e0ac74..2db796d6fd 100644
--- a/packages/web/examples/ssr/pages/dynamicrangeslider.js
+++ b/packages/web/examples/ssr/pages/dynamicrangeslider.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/index.js b/packages/web/examples/ssr/pages/index.js
index a23b353973..93ec6b5db1 100644
--- a/packages/web/examples/ssr/pages/index.js
+++ b/packages/web/examples/ssr/pages/index.js
@@ -24,7 +24,8 @@ function Main(props) {
 		<div className="main-container">
 			<ReactiveBase
 				app="movies-demo-app"
-				url="https://81719ecd9552:e06db001-a6d8-4cc2-bc43-9c15b1c0c987@appbase-demo-ansible-abxiydt-arc.searchbase.io"
+				url="https://reactivesearch-api-9-4-0.onrender.com"
+				credentials="d03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0"
 				enableAppbase
 				theme={{
 					colors: {
diff --git a/packages/web/examples/ssr/pages/multidropdownlist.js b/packages/web/examples/ssr/pages/multidropdownlist.js
index a99eaadbca..ed2b7a009d 100644
--- a/packages/web/examples/ssr/pages/multidropdownlist.js
+++ b/packages/web/examples/ssr/pages/multidropdownlist.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/multidropdownrange.js b/packages/web/examples/ssr/pages/multidropdownrange.js
index 81b383cc00..8af1a6cc28 100644
--- a/packages/web/examples/ssr/pages/multidropdownrange.js
+++ b/packages/web/examples/ssr/pages/multidropdownrange.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/multilist.js b/packages/web/examples/ssr/pages/multilist.js
index 660dbb5264..2ff4d8c70d 100644
--- a/packages/web/examples/ssr/pages/multilist.js
+++ b/packages/web/examples/ssr/pages/multilist.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/multirange.js b/packages/web/examples/ssr/pages/multirange.js
index e0ba60c804..928d2ee242 100644
--- a/packages/web/examples/ssr/pages/multirange.js
+++ b/packages/web/examples/ssr/pages/multirange.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/numberbox.js b/packages/web/examples/ssr/pages/numberbox.js
index 5ccce49912..399119df29 100644
--- a/packages/web/examples/ssr/pages/numberbox.js
+++ b/packages/web/examples/ssr/pages/numberbox.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/querystring.js b/packages/web/examples/ssr/pages/querystring.js
index eedb90f305..4a8e925331 100644
--- a/packages/web/examples/ssr/pages/querystring.js
+++ b/packages/web/examples/ssr/pages/querystring.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/rangeinput.js b/packages/web/examples/ssr/pages/rangeinput.js
index 93f2c86097..b5b06ef32f 100644
--- a/packages/web/examples/ssr/pages/rangeinput.js
+++ b/packages/web/examples/ssr/pages/rangeinput.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/rangeslider.js b/packages/web/examples/ssr/pages/rangeslider.js
index 096774efdc..238aa16b61 100644
--- a/packages/web/examples/ssr/pages/rangeslider.js
+++ b/packages/web/examples/ssr/pages/rangeslider.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/ratingsfilter.js b/packages/web/examples/ssr/pages/ratingsfilter.js
index a1187b938c..dd1b83b9e1 100644
--- a/packages/web/examples/ssr/pages/ratingsfilter.js
+++ b/packages/web/examples/ssr/pages/ratingsfilter.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/reactivelist.js b/packages/web/examples/ssr/pages/reactivelist.js
index 73fe82c333..9cbc82de1d 100644
--- a/packages/web/examples/ssr/pages/reactivelist.js
+++ b/packages/web/examples/ssr/pages/reactivelist.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/resultlist.js b/packages/web/examples/ssr/pages/resultlist.js
index a0340c5c6c..486c6b7716 100644
--- a/packages/web/examples/ssr/pages/resultlist.js
+++ b/packages/web/examples/ssr/pages/resultlist.js
@@ -13,7 +13,8 @@ import ListItemView from '../components/ListItemView';
 
 const settings = {
 	app: 'meetup_app',
-	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: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/searchBox.js b/packages/web/examples/ssr/pages/searchBox.js
index 6488bd6c5c..3695525bb4 100644
--- a/packages/web/examples/ssr/pages/searchBox.js
+++ b/packages/web/examples/ssr/pages/searchBox.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/searchBoxWithCategory.js b/packages/web/examples/ssr/pages/searchBoxWithCategory.js
index 5ecff7afeb..fd8a188a52 100644
--- a/packages/web/examples/ssr/pages/searchBoxWithCategory.js
+++ b/packages/web/examples/ssr/pages/searchBoxWithCategory.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/singledatalist.js b/packages/web/examples/ssr/pages/singledatalist.js
index 7b31099269..ad783f20a7 100644
--- a/packages/web/examples/ssr/pages/singledatalist.js
+++ b/packages/web/examples/ssr/pages/singledatalist.js
@@ -13,7 +13,8 @@ import ListItemView from '../components/ListItemView';
 
 const settings = {
 	app: 'meetup_app',
-	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: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/singledropdownlist.js b/packages/web/examples/ssr/pages/singledropdownlist.js
index 374b11e645..d32a9555c8 100644
--- a/packages/web/examples/ssr/pages/singledropdownlist.js
+++ b/packages/web/examples/ssr/pages/singledropdownlist.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/singledropdownrange.js b/packages/web/examples/ssr/pages/singledropdownrange.js
index e56b6deb37..43f5edd0ca 100644
--- a/packages/web/examples/ssr/pages/singledropdownrange.js
+++ b/packages/web/examples/ssr/pages/singledropdownrange.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/singlelist.js b/packages/web/examples/ssr/pages/singlelist.js
index 83c539a08e..72705cbfff 100644
--- a/packages/web/examples/ssr/pages/singlelist.js
+++ b/packages/web/examples/ssr/pages/singlelist.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/singlerange.js b/packages/web/examples/ssr/pages/singlerange.js
index 5466a7620f..320a3e7c7e 100644
--- a/packages/web/examples/ssr/pages/singlerange.js
+++ b/packages/web/examples/ssr/pages/singlerange.js
@@ -13,7 +13,8 @@ import BookCard from '../components/BookCard';
 
 const settings = {
 	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',
 	enableAppbase: true,
 };
 
diff --git a/packages/web/examples/ssr/pages/togglebutton.js b/packages/web/examples/ssr/pages/togglebutton.js
index d143fa4906..5edb082560 100644
--- a/packages/web/examples/ssr/pages/togglebutton.js
+++ b/packages/web/examples/ssr/pages/togglebutton.js
@@ -9,28 +9,29 @@ import {
 import PropTypes from 'prop-types';
 
 import Layout from '../components/Layout';
-import ListItemView from '../components/ListItemView';
+import BookCard from '../components/BookCard';
 
 const settings = {
-	app: 'meetup_app',
-	url: 'https://a03a1cb71321:75b6603d-9456-4a5a-af6b-a487b309eb61@appbase-demo-ansible-abxiydt-arc.searchbase.io',
+	app: 'good-books-ds',
+	url: 'https://reactivesearch-api-9-4-0.onrender.com',
+	credentials: 'd03e6f5f33d5:49124674-554e-4343-9ab2-006b2932f5c0',
 	enableAppbase: true,
 };
 
 const toggleButtonProps = {
-	componentId: 'CitySensor',
-	dataField: 'group.group_topics.topic_name_raw.keyword',
+	componentId: 'LanguageSensor',
+	dataField: 'language_code',
 	data: [
-		{ label: 'Social', value: 'Social' },
-		{ label: 'Adventure', value: 'Adventure' },
-		{ label: 'Music', value: 'Music' },
+		{ label: 'English', value: 'eng' },
+		{ label: 'French', value: 'fre' },
+		{ label: 'Spanish', value: 'spa' },
 	],
-	defaultValue: 'Social',
+	defaultValue: 'eng',
 };
 
 const resultListProps = {
 	componentId: 'SearchResult',
-	dataField: 'group.group_topics.topic_name_raw.keyword',
+	dataField: 'original_title.keyword',
 	title: 'Results',
 	sortBy: 'asc',
 	className: 'result-list-container',
@@ -39,13 +40,13 @@ const resultListProps = {
 	render: ({ data }) => (
 		<ReactiveList.ResultListWrapper>
 			{data.map(item => (
-				<ListItemView key={item._id} {...item} />
+				<BookCard key={item._id} data={item} />
 			))}
 		</ReactiveList.ResultListWrapper>
 	),
 	pagination: true,
 	react: {
-		and: ['CitySensor'],
+		and: ['LanguageSensor'],
 	},
 };
 
diff --git a/packages/web/examples/ssr/pages/utils/index.js b/packages/web/examples/ssr/pages/utils/index.js
index 4da04fbab5..1aedc923c3 100644
--- a/packages/web/examples/ssr/pages/utils/index.js
+++ b/packages/web/examples/ssr/pages/utils/index.js
@@ -4,7 +4,7 @@ import { ReactiveList } from '@appbaseio/reactivesearch';
 const components = {
 	settings: {
 		app: 'movies-demo-app',
-		url: 'https://81719ecd9552:e06db001-a6d8-4cc2-bc43-9c15b1c0c987@appbase-demo-ansible-abxiydt-arc.searchbase.io',
+		url: 'https://reactivesearch-api-9-4-0.onrender.com',
 		theme: {
 			colors: {
 				backgroundColor: '#212121',
diff --git a/packages/web/examples/typescript/src/App.tsx b/packages/web/examples/typescript/src/App.tsx
index 5dda34e693..66965eb74f 100644
--- a/packages/web/examples/typescript/src/App.tsx
+++ b/packages/web/examples/typescript/src/App.tsx
@@ -12,7 +12,8 @@ import './index.css';
 export default () => (
 	<ReactiveBase
 		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 className="row">
 			<div className="col">
diff --git a/packages/web/examples/usage-with-graphql/src/index.js b/packages/web/examples/usage-with-graphql/src/index.js
index 23dd6926f9..8c9261df51 100644
--- a/packages/web/examples/usage-with-graphql/src/index.js
+++ b/packages/web/examples/usage-with-graphql/src/index.js
@@ -9,7 +9,8 @@ class Main extends Component {
 		return (
 			<ReactiveBase
 				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"
 				graphQLUrl="https://graphql-es.herokuapp.com"
 			>
 				<div className="row">
diff --git a/packages/web/examples/withRedux/src/index.js b/packages/web/examples/withRedux/src/index.js
index db2d41d666..ce955181f7 100644
--- a/packages/web/examples/withRedux/src/index.js
+++ b/packages/web/examples/withRedux/src/index.js
@@ -20,7 +20,8 @@ const Main = () => (
 	<Provider store={store}>
 		<ReactiveBase
 			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 className="row">
 				<div className="col">