minor bug fix; added codesandbox example

Author: g30elipse

README.md

@@ -24,6 +24,7 @@ This is a wrapper component for your scrollable component. Wrap your component w
 | triggerPoint | 'center', 'top', 'bottom | false           | Trigger point for DetectSection (default: center) |
 | index    | number                  | false           | This spectifies which section(index) the needs to be scrolled to the viewport. Default value: 0 (note: this is an experimental feature)  |
 
+[Codesandbox demo](https://codesandbox.io/s/inspiring-goldwasser-5k13y?fontsize=14&hidenavigation=1&theme=dark)
 
 #### Example
 ```typescript

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-scroll-detect",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Scroll detect component",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

src/lib/ReactScrollDetect.tsx

@@ -44,6 +44,10 @@ const _ScrollContainer: FC = (props) => {
 
 
     useEffect(() => {
+        if (index !== currentIndex) {
+            setCurrentIndex(index)
+            onChange(index)
+        }
         window.scrollTo({ top: sectionEntryPoints[index] || 0, behavior: 'smooth' })
     }, [index])