build(package): bump react-native-reanimated from 1 to 2

https://docs.swmansion.com/react-native-reanimated/docs/2.x/fundamentals/migration/#1-interpolate-renamed-to-interpolatenode

babel.config.js

@@ -2,4 +2,5 @@
 
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
+  plugins: ['react-native-reanimated/plugin'],
 };

jest-setup.js

@@ -35,7 +35,7 @@ jest.mock('react-native-reanimated', () => ({
     Clock: jest.fn(),
     Value: jest.fn(),
     onChange: jest.fn(),
-    interpolate: jest.fn(),
+    interpolateNode: jest.fn(),
     abs: jest.fn(),
     add: jest.fn(),
     sub: jest.fn(),

package.json

@@ -64,20 +64,20 @@
     "react-lifecycles-compat": "^3.0.4",
     "react-native": "~0.59.10",
     "react-native-gesture-handler": "^1.1.0",
-    "react-native-reanimated": "^1.2.0",
+    "react-native-reanimated": "^2.17.0",
     "react-native-screens": "^1.0.0-alpha.23",
     "react-native-testing-library": "^1.7.0",
     "react-navigation": "^4.0.7",
     "react-test-renderer": "16.8.6",
     "release-it": "^12.3.6",
-    "typescript": "^3.4.5"
+    "typescript": "^4.1.6"
   },
   "dependencies": {},
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": "^1.0.12",
-    "react-native-reanimated": "^1.0.0",
+    "react-native-reanimated": "^2.0.0",
     "react-native-screens": "^1.0.0 || ^1.0.0-alpha",
     "react-navigation": "^4.0.7"
   },

src/views/Drawer.tsx

@@ -23,7 +23,7 @@ const {
   clockRunning,
   startClock,
   stopClock,
-  interpolate,
+  interpolateNode,
   spring,
   abs,
   add,
@@ -547,8 +547,9 @@ export default class Drawer extends React.PureComponent<Props> {
                 <Animated.View
                   style={[
                     styles.overlay,
+                    // @ts-ignore
                     {
-                      opacity: interpolate(this.progress, {
+                      opacity: interpolateNode(this.progress, {
                         inputRange: [PROGRESS_EPSILON, 1],
                         outputRange: [0, 1],
                       }),

src/views/DrawerNavigatorItems.tsx

@@ -31,6 +31,7 @@ export default class DrawerNavigatorItems extends React.Component<
   };
 
   static contextType = ThemeContext;
+  // @ts-ignore
   context!: React.ContextType<typeof ThemeContext>;
 
   private getActiveTintColor() {

src/views/DrawerView.tsx

@@ -110,6 +110,7 @@ export default class DrawerView extends React.PureComponent<Props, State> {
     Dimensions.removeEventListener('change', this.updateWidth);
   }
 
+  // @ts-ignore
   context!: React.ContextType<typeof ThemeContext>;
 
   private drawerGestureRef = React.createRef<PanGestureHandler>();
@@ -161,6 +162,7 @@ export default class DrawerView extends React.PureComponent<Props, State> {
         descriptors={this.props.descriptors}
         contentComponent={this.props.navigationConfig.contentComponent}
         contentOptions={this.props.navigationConfig.contentOptions}
+        // @ts-ignore
         drawerPosition={this.props.navigationConfig.drawerPosition}
         style={this.props.navigationConfig.style}
         {...this.props.navigationConfig}

src/views/TouchableItem.tsx

@@ -40,7 +40,7 @@ export default class TouchableItem extends React.Component<Props> {
      */
     if (
       Platform.OS === 'android' &&
-      Platform.Version >= ANDROID_VERSION_LOLLIPOP
+      Number(Platform.Version) >= ANDROID_VERSION_LOLLIPOP
     ) {
       const { style, ...rest } = this.props;
       return (