fix(deps): update dependency react-use-gesture to v9 (#170)

* fix(deps): update dependency react-use-gesture to v9

* fix(sliding): Correct sliding behaviour with active flag

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Max Strübing <max.struebing@farbenmeer.de>

package.json

@@ -48,7 +48,7 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-spring": "^8.0",
-    "react-use-gesture": "^8.0.1",
+    "react-use-gesture": "^9.0.0",
     "styled-components": "^5.2.1"
   },
   "devDependencies": {

src/index.tsx

@@ -112,6 +112,7 @@ const Slider: React.FunctionComponent<SliderProps> = ({
 				distance,
 				cancel,
 				first,
+				active,
 			}) => {
 				if (first) {
 					setDragging(true);
@@ -123,18 +124,21 @@ const Slider: React.FunctionComponent<SliderProps> = ({
 
 					if (down && distance > width / 2) {
 						if (cancel) cancel();
-						setSlide(
-							clamp(
-								slide + (xDir > 0 ? -1 : 1),
-								0,
-								children.length - slidesAtOnce
-							)
-						);
+						if (active) {
+							setSlide(
+								clamp(
+									slide + (xDir > 0 ? -1 : 1),
+									0,
+									children.length - slidesAtOnce
+								)
+							);
+						}
 					}
+
 					// see:  https://github.com/react-spring/react-spring/issues/861
 					// @ts-ignore
 					setSpringProps((index) => ({
-						offset: (down ? xDelta : 0) / width + (index - slide),
+						offset: (active && down ? xDelta : 0) / width + (index - slide),
 					}));
 				}
 			},