fix(gestures): Fix gesture navigation for chrome (#191)

* feat(deps): Update react, styled-components and use-gesture

update react and styled-components

update use-gesture

* fix(gestures): Fix vector access after dep upgrade and add touch-action: none to animated div

* Revert "feat(deps): Update react, styled-components and use-gesture"

This reverts commit 5263690.

* package lock

* roll back to stable version of react-use-gesture

* reset package-lock to state from main

src/index.tsx

@@ -137,9 +137,11 @@ const Slider: React.FunctionComponent<SliderProps> = ({
 
 					// see:  https://github.com/react-spring/react-spring/issues/861
 					// @ts-ignore
-					springPropsRef.update((index) => ({
-						offset: (active && down ? xDelta : 0) / width + (index - slide),
-					})).start();
+					springPropsRef
+						.update((index) => ({
+							offset: (active && down ? xDelta : 0) / width + (index - slide),
+						}))
+						.start();
 				}
 			},
 			onClick: () => {
@@ -270,6 +272,7 @@ const Slider: React.FunctionComponent<SliderProps> = ({
 							width: `${100 / slidesAtOnce}%`,
 							height: "100%",
 							willChange: "transform",
+							touchAction: "none",
 						}}
 					>
 						{childs[index]}