refactor: update PressablesConfig animation settings and improve animated style dependencies

Author: enzomanuelmangano

README.md

@@ -97,7 +97,7 @@ function App() {
 export default () => (
   <PressablesConfig
     animationType="spring"
-    config={{ mass: 2 }}
+    config={{ mass: 1, damping: 30, stiffness: 200 }}
     globalHandlers={{
       onPress: () => {
         console.log('you can call haptics here');

example/app/_layout.tsx

@@ -6,13 +6,7 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
 export default function RootLayout() {
   return (
     <PressablesConfig
-      animationType="spring"
-      config={{
-        mass: 1,
-        damping: 15,
-        stiffness: 120,
-        overshootClamping: false,
-      }}
+      animationType="timing"
       globalHandlers={{
         onPress: () => {
           console.log('use haptics!');

src/pressables/base.tsx

@@ -117,7 +117,7 @@ const BasePressable: React.FC<BasePressableProps> = React.memo(
 
     const rAnimatedStyle = useAnimatedStyle(() => {
       return animatedStyle ? animatedStyle(progress) : {};
-    }, []);
+    }, [animatedStyle, progress]);
 
     return (
       <AnimatedBaseButton

src/provider/constants.ts

@@ -4,5 +4,7 @@ export const DefaultConfigs = {
   timing: { duration: 250, easing: Easing.bezier(0.25, 0.1, 0.25, 1) },
   spring: {
     mass: 1,
+    damping: 30,
+    stiffness: 200,
   },
 } as const;