scrollLeft fun

example/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "start": "node ../node_modules/react-scripts/bin/react-scripts.js start",
+    "start": "node ../node_modules/react-scripts/bin/react-scripts.js --openssl-legacy-provider start ",
     "build": "node ../node_modules/react-scripts/bin/react-scripts.js build",
     "test": "node ../node_modules/react-scripts/bin/react-scripts.js test",
     "eject": "node ../node_modules/react-scripts/bin/react-scripts.js eject"

src/SliderImage.js

@@ -17,7 +17,6 @@ export default ({images = [], className, onChange, onClick, ref, current:propCur
     useEffect(() => {
         if (containerRef.current){
             const scrollTo = imgs.slice(0,propCurrent).reduce(widthSum, 0)
-            console.log('SCROLL TO ON PROP CURRRENT', scrollTo)
             containerRef.current.scrollTo(scrollTo, 0)
             currentScrollPosition.current = scrollTo
             setCurrent(propCurrent)
@@ -36,7 +35,6 @@ export default ({images = [], className, onChange, onClick, ref, current:propCur
     }, [divRef, imgs])
 
 
-    console.log('CURRENT', current)
 
     const scrollToCurrent = () => {
 
@@ -61,6 +59,7 @@ export default ({images = [], className, onChange, onClick, ref, current:propCur
     }
 
     const onTouchEnd = () => {
+        if (!containerRef.current) return
         if (inTouch.current){
             if (timeout.current) clearInterval(timeout.current)