fix runtime error but need a selector

Author: stevensacks

demo/src/index.css

@@ -13,6 +13,7 @@ body {
 }
 
 .test-row {
+    position: relative;
     padding: 10px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     cursor: pointer;

demo/src/index.js

@@ -12,7 +12,7 @@ const Demo = () => {
         <div>
             <h1>React Smart Scroll Demo</h1>
             <div className="click-status">{clicked}</div>
-            <ReactSmartScroll className="demo-smart-scroll" data={data} onClick={onClick} row={TestRow} startAt={10}/>
+            <ReactSmartScroll className="demo-smart-scroll" data={data} onClick={onClick} row={TestRow} startAt={5}/>
         </div>
     );
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-smart-scroll",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Smart Scroll React Component for long lists",
   "author": "Steven Sacks",
   "homepage": "https://github.com/stevensacks/react-smart-scroll",

src/ReactSmartScroll/index.js

@@ -88,16 +88,15 @@ const ReactSmartScroll = props => {
             setMeasurements(measurements);
             if (start !== startAt) {
                 scrollRef.current.scrollTop = paddingTop;
-                defer(() => {
+                setTimeout(() => {
                     setStart(startAt);
                     if (data[startAt]) {
                         const el = document.querySelector(
                             `[data-id="${data[startAt].id}"]`
                         );
-
                         if (el) el.scrollIntoView();
                     }
-                });
+                }, 0);
             }
         }
     }, [