fix(vue): switch to ms

Author: mohdashraf010897

packages/vue/src/components/ReactiveBase/index.jsx

@@ -48,7 +48,7 @@ const ReactiveBase = {
 		mongodb: types.mongodb,
 		endpoint: types.endpointConfig,
 		preferences: VueTypes.object,
-		httpRequestTimeout: VueTypes.number.def(30000),
+		httpRequestTimeout: VueTypes.number.def(30),
 	},
 	provide() {
 		let createCacheFn = createCache;
@@ -151,7 +151,7 @@ const ReactiveBase = {
 				analyticsConfig: props.reactivesearchAPIConfig,
 				mongodb: props.mongodb,
 				endpoint: props.endpoint,
-				httpRequestTimeout: props.httpRequestTimeout || 30000,
+				httpRequestTimeout: (props.httpRequestTimeout || 0) * 1000 || 30000,
 			};
 			let queryParams = '';
 

packages/web/src/components/basic/ReactiveBase.js

@@ -53,7 +53,7 @@ class ReactiveBase extends Component {
 			],
 			() => {
 				this.setStore(this.props);
-				this.setState(state => ({
+				this.setState((state) => ({
 					key: `${state.key}-0`,
 				}));
 			},
@@ -88,8 +88,8 @@ class ReactiveBase extends Component {
 			...headers,
 			...(endpoint &&
 				endpoint.headers && {
-				...endpoint.headers,
-			}),
+					...endpoint.headers,
+				}),
 		};
 	}
 
@@ -123,7 +123,7 @@ class ReactiveBase extends Component {
 			transformResponse: props.transformResponse,
 			mongodb: props.mongodb,
 			...(props.endpoint instanceof Object && { endpoint: props.endpoint }),
-			httpRequestTimeout: props.httpRequestTimeout,
+			httpRequestTimeout: props.httpRequestTimeout * 1000,
 		};
 
 		let queryParams = '';
@@ -270,7 +270,7 @@ ReactiveBase.defaultProps = {
 	graphQLUrl: '',
 	as: 'div',
 	endpoint: null,
-	httpRequestTimeout: 30000,
+	httpRequestTimeout: 30,
 };
 
 ReactiveBase.propTypes = {