diff --git a/.travis.yml b/.travis.yml
index 6d297a2c1..e29c5c438 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - "6"
+  - "10"
 dist: trusty
 sudo: false
 install:
diff --git a/packages/react-infinitegrid/package.json b/packages/react-infinitegrid/package.json
index c55d5c06b..6e9dc4a64 100644
--- a/packages/react-infinitegrid/package.json
+++ b/packages/react-infinitegrid/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egjs/react-infinitegrid",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "A react component that can easily use egjs-infinitegrid",
   "types": "declaration/index.d.ts",
   "main": "dist/infinitegrid.cjs.js",
diff --git a/packages/react-infinitegrid/src/react-infinitegrid/InfiniteGrid.tsx b/packages/react-infinitegrid/src/react-infinitegrid/InfiniteGrid.tsx
index efde5c2c9..b631461bb 100644
--- a/packages/react-infinitegrid/src/react-infinitegrid/InfiniteGrid.tsx
+++ b/packages/react-infinitegrid/src/react-infinitegrid/InfiniteGrid.tsx
@@ -73,10 +73,6 @@ export default class InfiniteGrid<T extends ILayout = GridLayout> extends React.
 			state.layout = result === "relayout" ? result : state.layout || result;
 
 			visibleChildren = ig.getRenderingItems().map((item: IItem) => item.jsx);
-
-			if (this.props.loading) {
-				visibleChildren.push(<LoadingBar key="loadingBar" loading={this.props.loading!} />);
-			}
 		} else {
 			const groups = categorize(items);
 			if (props.status) {
@@ -90,6 +86,9 @@ export default class InfiniteGrid<T extends ILayout = GridLayout> extends React.
 				visibleChildren = groups[0].items.map((item: IItem) => item.jsx);
 			}
 		}
+		if (this.props.loading) {
+			visibleChildren.push(<LoadingBar key="loadingBar" loading={this.props.loading!} />);
+		}
 		return <Tag {...attributes}>{this.renderContainer(visibleChildren)}</Tag>;
 	}
 	public componentDidUpdate() {