Update react-native-reanimated version and adjust Babel and Metro configurations

Author: codeAbinash

babel.config.js

@@ -1,7 +1,6 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset', 'nativewind/babel'],
   plugins: [
-    'react-native-reanimated/plugin',
     [
       'module-resolver',
       {
@@ -16,6 +15,7 @@ module.exports = {
           '@': './src/',
         },
       },
+      'react-native-reanimated/plugin',
     ],
   ],
   env: {

bun.lockb

@@ -1,5 +1,6 @@
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config')
 const { withNativeWind } = require('nativewind/metro')
+const { wrapWithReanimatedMetroConfig } = require('react-native-reanimated/metro-config')
 // const path = require('path')
 const defaultConfig = getDefaultConfig(__dirname)
 const { assetExts, sourceExts } = defaultConfig.resolver
@@ -20,4 +21,4 @@ const config = mergeConfig(defaultConfig, {
   },
 })
 
-module.exports = withNativeWind(config, { input: './global.css' })
+module.exports = wrapWithReanimatedMetroConfig(withNativeWind(config, { input: './global.css' }))

metro.config.js

@@ -38,7 +38,7 @@
     "react-native-gesture-handler": "^2.22.0",
     "react-native-linear-gradient": "^2.8.3",
     "react-native-mmkv": "^3.2.0",
-    "react-native-reanimated": "3.16.3",
+    "react-native-reanimated": "^3.16.7",
     "react-native-safe-area-context": "^5.1.0",
     "react-native-screens": "^4.5.0",
     "react-native-svg": "^15.11.1",