How to use the @appbaseio/reactivemaps.InitialLoader function in @appbaseio/reactivemaps

"rbc-count-inactive": !this.props.showCount,
				"rbc-initialloader-active": this.props.initialLoader,
				"rbc-initialloader-inactive": !this.props.initialLoader
			});

			return _react2.default.createElement(
				"div",
				{ className: "rbc rbc-nestedmultilist-container card thumbnail col s12 col-xs-12 " + (this.props.className ? this.props.className : ""), style: this.props.style },
				_react2.default.createElement(
					"div",
					{ className: "rbc rbc-nestedmultilist col s12 col-xs-12 " + cx },
					title,
					searchComponent,
					listComponent
				),
				this.props.initialLoader && this.state.queryStart ? _react2.default.createElement(_reactivemaps.InitialLoader, { defaultText: this.props.initialLoader }) : null
			);
		}
	}]);

"rbc-count-inactive": !this.props.showCount,
				"rbc-initialloader-active": this.props.initialLoader,
				"rbc-initialloader-inactive": !this.props.initialLoader
			});

			return _react2.default.createElement(
				"div",
				{ className: "rbc rbc-nestedlist-container card thumbnail col s12 col-xs-12 " + (this.props.className ? this.props.className : ""), style: this.props.style },
				_react2.default.createElement(
					"div",
					{ className: "rbc rbc-nestedlist col s12 col-xs-12 " + cx },
					title,
					searchComponent,
					listComponent
				),
				this.props.initialLoader && this.state.queryStart ? _react2.default.createElement(_reactivemaps.InitialLoader, { defaultText: this.props.initialLoader }) : null
			);
		}
	}]);

"rbc-multiSelect-active": this.props.multiSelect,
				"rbc-multiSelect-inactive": !this.props.multiSelect,
				"rbc-initialloader-active": this.props.initialLoader,
				"rbc-initialloader-inactive": !this.props.initialLoader
			}, this.props.className);

			return _react2.default.createElement(
				"div",
				{ className: "rbc rbc-tagcloud col s12 col-xs-12 card thumbnail " + cx, style: this.props.style },
				title,
				_react2.default.createElement(
					"div",
					{ className: "rbc-list-container" },
					this.renderTags()
				),
				this.props.initialLoader && this.state.queryStart ? _react2.default.createElement(_reactivemaps.InitialLoader, { defaultText: this.props.initialLoader }) : null
			);
		}
	}]);

title,
				histogram,
				_react2.default.createElement(
					"div",
					{ className: "rbc-rangeslider-container col s12 col-xs-12" },
					_react2.default.createElement(_rcSlider2.default, {
						range: true,
						defaultValue: [this.state.values.min, this.state.values.max],
						min: min,
						max: max,
						onAfterChange: this.handleResults,
						step: this.props.stepValue,
						marks: marks
					})
				),
				this.props.initialLoader && this.state.queryStart ? _react2.default.createElement(_reactivemaps.InitialLoader, { defaultText: this.props.initialLoader }) : null
			);
		}
	}]);

sortOptions,
					this.props.showResultStats && this.state.resultStats.resultFound ? _react2.default.createElement(_reactivemaps.ResultStats, { onResultStats: this.props.onResultStats, took: this.state.resultStats.took, total: this.state.resultStats.total }) : null,
					this.paginationAt("top"),
					_react2.default.createElement(
						"div",
						{ ref: function ref(div) {
								_this9.listChildElement = div;
							}, className: "rbc-resultcard-scroll-container col s12 col-xs-12" },
						this.state.resultMarkup
					),
					this.state.isLoading ? _react2.default.createElement("div", { className: "rbc-loader" }) : null,
					this.state.showPlaceholder ? placeholder : null,
					this.paginationAt("bottom")
				),
				this.props.noResults && this.state.visibleNoResults ? _react2.default.createElement(_reactivemaps.NoResults, { defaultText: this.props.noResults }) : null,
				this.props.initialLoader && this.state.queryStart && this.state.showInitialLoader ? _react2.default.createElement(_reactivemaps.InitialLoader, { defaultText: this.props.initialLoader }) : null,
				_react2.default.createElement(
					"div",
					{ ref: function ref(node) {
							_this9.poweredByContainer = node;
						}, style: { display: "none" } },
					_react2.default.createElement(_reactivemaps.PoweredBy, null)
				)
			);
		}
	}]);

sortOptions,
					this.props.showResultStats && this.state.resultStats.resultFound ? _react2.default.createElement(_reactivemaps.ResultStats, { onResultStats: this.props.onResultStats, took: this.state.resultStats.took, total: this.state.resultStats.total }) : null,
					this.paginationAt("top"),
					_react2.default.createElement(
						"div",
						{ ref: function ref(div) {
								_this9.listChildElement = div;
							}, className: "rbc-resultlist-scroll-container col s12 col-xs-12" },
						this.state.resultMarkup
					),
					this.state.isLoading ? _react2.default.createElement("div", { className: "rbc-loader" }) : null,
					this.state.showPlaceholder ? placeholder : null,
					this.paginationAt("bottom")
				),
				this.props.noResults && this.state.visibleNoResults ? _react2.default.createElement(_reactivemaps.NoResults, { defaultText: this.props.noResults }) : null,
				this.props.initialLoader && this.state.queryStart && this.state.showInitialLoader ? _react2.default.createElement(_reactivemaps.InitialLoader, { defaultText: this.props.initialLoader }) : null,
				_react2.default.createElement(
					"div",
					{ ref: function ref(node) {
							_this9.poweredByContainer = node;
						}, style: { display: "none" } },
					_react2.default.createElement(_reactivemaps.PoweredBy, null)
				)
			);
		}
	}]);