From a929933bde2c0b0599db1836ce63ce9301df380a Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Mon, 23 Mar 2020 00:02:47 +0100
Subject: [PATCH] chore: update prettier

---
 example/App.tsx                               |  2 +-
 example/babel.config.js                       |  2 +-
 example/metro.config.js                       |  6 +--
 example/src/CustomTabs.tsx                    |  2 +-
 example/src/GestureInteraction.tsx            |  4 +-
 example/src/LifecycleInteraction.tsx          |  4 +-
 example/src/ModalStack.tsx                    |  2 +-
 example/src/ParallaxDrawer.tsx                |  2 +-
 example/src/RTLDrawer.tsx                     |  2 +-
 example/src/Shared/PhotoGrid.tsx              |  2 +-
 example/src/StackAnimationConsumerStack.tsx   |  6 +--
 example/src/StackWithDrawer.tsx               |  2 +-
 example/src/TransparentStack.tsx              |  4 +-
 package.json                                  |  2 +-
 packages/core/src/StateUtils.js               |  6 +--
 .../__tests__/getChildEventSubscriber.test.js | 28 +++++-----
 .../core/src/__tests__/getNavigation.test.js  |  2 +-
 packages/core/src/getChildEventSubscriber.js  | 16 +++---
 packages/core/src/getChildNavigation.js       |  8 +--
 .../core/src/getChildrenNavigationCache.js    |  4 +-
 packages/core/src/getNavigation.js            |  6 +--
 .../__tests__/createSwitchNavigator.test.js   |  4 +-
 packages/core/src/routers/StackActions.js     | 12 ++---
 packages/core/src/routers/StackRouter.js      | 16 +++---
 packages/core/src/routers/SwitchRouter.js     | 14 ++---
 .../routers/__tests__/PathHandling.test.js    |  4 +-
 .../src/routers/__tests__/Routers.test.js     |  4 +-
 .../src/routers/__tests__/TabRouter.test.js   |  2 +-
 .../src/routers/__tests__/routerTestHelper.js |  4 +-
 .../core/src/routers/getScreenForRouteName.js |  2 +-
 packages/core/src/routers/pathUtils.js        | 10 ++--
 .../src/routers/validateRouteConfigMap.js     |  2 +-
 .../core/src/routers/validateScreenOptions.js |  6 +--
 ...tSceneIndicesForInterpolationInputRange.js |  6 ++-
 packages/core/src/utils/invariant.ts          |  4 +-
 packages/core/src/views/NavigationEvents.js   |  6 +--
 .../views/__tests__/NavigationEvents.test.js  | 10 ++--
 packages/core/src/views/withNavigation.js     |  7 +--
 .../core/src/views/withNavigationFocus.js     |  7 +--
 packages/native/src/Scrollables.js            |  4 +-
 .../src/__tests__/createAppContainer.test.js  |  2 +-
 packages/native/src/createAppContainer.js     |  8 +--
 .../src/createNavigationAwareScrollable.js    | 14 ++---
 packages/native/src/throwIfWrongVersion.js    |  2 +-
 packages/native/src/utils/invariant.js        |  6 +--
 packages/native/src/withOrientation.js        |  2 +-
 .../src/navigators/createStackNavigator.tsx   |  2 +-
 .../src/utils/validateDeprecatedConfig.tsx    |  2 +-
 .../src/utils/validateDeprecatedOptions.tsx   | 26 +++++-----
 packages/stack/src/vendor/utils/debounce.tsx  |  2 +-
 .../vendor/views/Header/HeaderContainer.tsx   |  2 +-
 .../src/vendor/views/Header/HeaderSegment.tsx |  2 +-
 .../vendor/views/SafeAreaProviderCompat.tsx   |  2 +-
 .../src/vendor/views/Stack/StackView.tsx      | 52 ++++++++++---------
 .../navigators/createBottomTabNavigator.tsx   |  4 +-
 .../createMaterialTopTabNavigator.tsx         |  4 +-
 scripts/check-types-path.js                   |  4 +-
 yarn.lock                                     |  8 +--
 58 files changed, 197 insertions(+), 183 deletions(-)

diff --git a/example/App.tsx b/example/App.tsx
index 3357bccb..f8dc7023 100644
--- a/example/App.tsx
+++ b/example/App.tsx
@@ -335,7 +335,7 @@ class MainScreen extends React.Component<any, State> {
                 }}
               >
                 {(Object.keys(ExampleInfo) as (keyof typeof ExampleInfo)[]).map(
-                  routeName => (
+                  (routeName) => (
                     <RectButton
                       key={routeName}
                       underlayColor="#ccc"
diff --git a/example/babel.config.js b/example/babel.config.js
index 4b847626..1a113cbd 100644
--- a/example/babel.config.js
+++ b/example/babel.config.js
@@ -1,4 +1,4 @@
-module.exports = function(api) {
+module.exports = function (api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
diff --git a/example/metro.config.js b/example/metro.config.js
index dc1ac8fa..1c400b78 100644
--- a/example/metro.config.js
+++ b/example/metro.config.js
@@ -11,8 +11,8 @@ const modules = ['@expo/vector-icons']
       // List all packages under `packages/`
       .readdirSync(packages)
       // Ignore hidden files such as .DS_Store
-      .filter(p => !p.startsWith('.'))
-      .map(p => {
+      .filter((p) => !p.startsWith('.'))
+      .map((p) => {
         const pak = JSON.parse(
           fs.readFileSync(path.join(packages, p, 'package.json'), 'utf8')
         );
@@ -50,7 +50,7 @@ module.exports = {
   },
 
   server: {
-    enhanceMiddleware: middleware => {
+    enhanceMiddleware: (middleware) => {
       return (req, res, next) => {
         // When an asset is imported outside the project root, it has wrong path on Android
         // This happens for the back button in stack, so we fix the path to correct one
diff --git a/example/src/CustomTabs.tsx b/example/src/CustomTabs.tsx
index 9f456966..5e6d65e4 100644
--- a/example/src/CustomTabs.tsx
+++ b/example/src/CustomTabs.tsx
@@ -62,7 +62,7 @@ const CustomTabBar = ({
   const { routes } = navigation.state;
   return (
     <SafeAreaView style={styles.tabContainer}>
-      {routes.map(route => (
+      {routes.map((route) => (
         <BorderlessButton
           onPress={() => navigation.navigate(route.routeName)}
           style={styles.tab}
diff --git a/example/src/GestureInteraction.tsx b/example/src/GestureInteraction.tsx
index 0c37b8da..0d8acd0a 100644
--- a/example/src/GestureInteraction.tsx
+++ b/example/src/GestureInteraction.tsx
@@ -44,7 +44,7 @@ const ContainerWithButtons = withNavigation(
 const MapScreen = () => (
   <ContainerWithButtons>
     <DrawerGestureContext.Consumer>
-      {ref => (
+      {(ref) => (
         <NativeViewGestureHandler waitFor={ref}>
           <MapView style={{ flex: 1 }} />
         </NativeViewGestureHandler>
@@ -60,7 +60,7 @@ MapScreen.navigationOptions = {
 const WebViewScreen = () => (
   <ContainerWithButtons>
     <DrawerGestureContext.Consumer>
-      {ref => (
+      {(ref) => (
         <NativeViewGestureHandler waitFor={ref}>
           <WebView
             style={{ flex: 1 }}
diff --git a/example/src/LifecycleInteraction.tsx b/example/src/LifecycleInteraction.tsx
index a5a0a005..bd4f880b 100644
--- a/example/src/LifecycleInteraction.tsx
+++ b/example/src/LifecycleInteraction.tsx
@@ -33,7 +33,7 @@ const BarCodeScreenBase = (
       <BarCodeScanner
         onBarCodeScanned={
           props.isFocused
-            ? data => {
+            ? (data) => {
                 console.log('scanned...');
                 props.navigation.navigate('Info', { data });
               }
@@ -51,7 +51,7 @@ BarCodeScreenBase.navigationOptions = {
 
 const BarCodeScreen = withNavigationFocus(BarCodeScreenBase);
 
-const InfoScreen: NavigationStackScreenComponent = props => {
+const InfoScreen: NavigationStackScreenComponent = (props) => {
   return (
     <View style={{ flex: 1 }}>
       <Text>{JSON.stringify(props.navigation.getParam('data'))}</Text>
diff --git a/example/src/ModalStack.tsx b/example/src/ModalStack.tsx
index 0ff36728..f3248595 100644
--- a/example/src/ModalStack.tsx
+++ b/example/src/ModalStack.tsx
@@ -82,7 +82,7 @@ class ListScreen extends React.Component<
   state = { isInverted: false };
 
   onSwitch = () =>
-    this.setState(prevState => ({ isInverted: !prevState.isInverted }));
+    this.setState((prevState) => ({ isInverted: !prevState.isInverted }));
 
   render() {
     return (
diff --git a/example/src/ParallaxDrawer.tsx b/example/src/ParallaxDrawer.tsx
index 592d9009..a1871e50 100644
--- a/example/src/ParallaxDrawer.tsx
+++ b/example/src/ParallaxDrawer.tsx
@@ -158,7 +158,7 @@ const DrawerContents = ({
     <Animated.View style={{ transform: [{ translateX }] }}>
       <ScrollView>
         <SafeAreaView forceInset={{ top: 'always' }}>
-          {navigation.state.routes.map(route => (
+          {navigation.state.routes.map((route) => (
             <DrawerItem
               key={route.key}
               navigation={descriptors[route.key].navigation}
diff --git a/example/src/RTLDrawer.tsx b/example/src/RTLDrawer.tsx
index 3abc4db6..97752a0b 100644
--- a/example/src/RTLDrawer.tsx
+++ b/example/src/RTLDrawer.tsx
@@ -32,7 +32,7 @@ class RightDrawer extends Component<DrawerContentComponentProps> {
         <ScrollView
           style={{ height: '100%', width: '100%', backgroundColor: '#333333' }}
         >
-          {this.state.categories.map(key => {
+          {this.state.categories.map((key) => {
             return (
               <TouchableOpacity
                 key={key.n}
diff --git a/example/src/Shared/PhotoGrid.tsx b/example/src/Shared/PhotoGrid.tsx
index 8c188f39..71e83a80 100644
--- a/example/src/Shared/PhotoGrid.tsx
+++ b/example/src/Shared/PhotoGrid.tsx
@@ -59,7 +59,7 @@ export default function PhotoGrid({ id }: { id: string }) {
 
   return (
     <NavigationAwareScrollView contentContainerStyle={styles.content}>
-      {PHOTOS.map(uri => (
+      {PHOTOS.map((uri) => (
         <View key={uri} style={styles.item}>
           <Image source={{ uri }} style={styles.photo} />
         </View>
diff --git a/example/src/StackAnimationConsumerStack.tsx b/example/src/StackAnimationConsumerStack.tsx
index 3c4164e4..5435e182 100644
--- a/example/src/StackAnimationConsumerStack.tsx
+++ b/example/src/StackAnimationConsumerStack.tsx
@@ -25,7 +25,7 @@ const ListScreen = (props: NavigationStackScreenProps) => (
 
 const AnotherScreen = () => (
   <CardAnimationContext.Consumer>
-    {value => {
+    {(value) => {
       const scale = value
         ? value.current.progress.interpolate({
             inputRange: [0, 1],
@@ -67,7 +67,7 @@ const YetAnotherScreen = () => (
     }}
   >
     <CardAnimationContext.Consumer>
-      {value => (
+      {(value) => (
         <Animated.Text
           style={{
             fontSize: 24,
@@ -84,7 +84,7 @@ const YetAnotherScreen = () => (
       )}
     </CardAnimationContext.Consumer>
     <CardAnimationContext.Consumer>
-      {value => (
+      {(value) => (
         <Animated.Text
           style={{
             fontSize: 24,
diff --git a/example/src/StackWithDrawer.tsx b/example/src/StackWithDrawer.tsx
index 3fe4e1c5..c71cbfc9 100644
--- a/example/src/StackWithDrawer.tsx
+++ b/example/src/StackWithDrawer.tsx
@@ -59,7 +59,7 @@ const Drawer = createDrawerNavigator(
     },
   },
   {
-    contentComponent: props => <Menu {...props} />,
+    contentComponent: (props) => <Menu {...props} />,
     navigationOptions: { title: 'Example' },
   }
 );
diff --git a/example/src/TransparentStack.tsx b/example/src/TransparentStack.tsx
index a05c1174..e2e4c9a2 100644
--- a/example/src/TransparentStack.tsx
+++ b/example/src/TransparentStack.tsx
@@ -5,7 +5,7 @@ import {
   NavigationStackScreenComponent,
 } from 'react-navigation-stack';
 
-const ListScreen: NavigationStackScreenComponent = function(props) {
+const ListScreen: NavigationStackScreenComponent = function (props) {
   return (
     <View
       style={{
@@ -29,7 +29,7 @@ const ListScreen: NavigationStackScreenComponent = function(props) {
   );
 };
 
-const ModalDialogScreen: NavigationStackScreenComponent = function(props) {
+const ModalDialogScreen: NavigationStackScreenComponent = function (props) {
   return (
     <View
       style={{
diff --git a/package.json b/package.json
index 8f887e4e..1218acaf 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "husky": "^4.2.1",
     "jest": "^25.1.0",
     "lerna": "^3.20.2",
-    "prettier": "^1.19.1",
+    "prettier": "^2.0.1",
     "typescript": "~3.7.5"
   },
   "resolutions": {
diff --git a/packages/core/src/StateUtils.js b/packages/core/src/StateUtils.js
index 360e94c2..56693f4e 100644
--- a/packages/core/src/StateUtils.js
+++ b/packages/core/src/StateUtils.js
@@ -13,7 +13,7 @@ const StateUtils = {
    * Gets a route by key. If the route isn't found, returns `null`.
    */
   get(state, key) {
-    return state.routes.find(route => route.key === key) || null;
+    return state.routes.find((route) => route.key === key) || null;
   },
 
   /**
@@ -21,7 +21,7 @@ const StateUtils = {
    * routes of the navigation state, or -1 if it is not present.
    */
   indexOf(state, key) {
-    return state.routes.findIndex(route => route.key === key);
+    return state.routes.findIndex((route) => route.key === key);
   },
 
   /**
@@ -29,7 +29,7 @@ const StateUtils = {
    * routes of the navigation state.
    */
   has(state, key) {
-    return !!state.routes.some(route => route.key === key);
+    return !!state.routes.some((route) => route.key === key);
   },
 
   /**
diff --git a/packages/core/src/__tests__/getChildEventSubscriber.test.js b/packages/core/src/__tests__/getChildEventSubscriber.test.js
index 31028b83..9d5a20eb 100644
--- a/packages/core/src/__tests__/getChildEventSubscriber.test.js
+++ b/packages/core/src/__tests__/getChildEventSubscriber.test.js
@@ -2,8 +2,8 @@ import getChildEventSubscriber from '../getChildEventSubscriber';
 
 it('child action events only flow when focused', () => {
   const parentSubscriber = jest.fn();
-  const emitParentAction = payload => {
-    parentSubscriber.mock.calls.forEach(subs => {
+  const emitParentAction = (payload) => {
+    parentSubscriber.mock.calls.forEach((subs) => {
       if (subs[0] === payload.type) {
         subs[1](payload);
       }
@@ -52,8 +52,8 @@ it('child action events only flow when focused', () => {
 
 it('grandchildren subscription', () => {
   const grandParentSubscriber = jest.fn();
-  const emitGrandParentAction = payload => {
-    grandParentSubscriber.mock.calls.forEach(subs => {
+  const emitGrandParentAction = (payload) => {
+    grandParentSubscriber.mock.calls.forEach((subs) => {
       if (subs[0] === payload.type) {
         subs[1](payload);
       }
@@ -119,8 +119,8 @@ it('grandchildren subscription', () => {
 
 it('grandchildren transitions', () => {
   const grandParentSubscriber = jest.fn();
-  const emitGrandParentAction = payload => {
-    grandParentSubscriber.mock.calls.forEach(subs => {
+  const emitGrandParentAction = (payload) => {
+    grandParentSubscriber.mock.calls.forEach((subs) => {
       if (subs[0] === payload.type) {
         subs[1](payload);
       }
@@ -212,8 +212,8 @@ it('grandchildren transitions', () => {
 
 it('grandchildren pass through transitions', () => {
   const grandParentSubscriber = jest.fn();
-  const emitGrandParentAction = payload => {
-    grandParentSubscriber.mock.calls.forEach(subs => {
+  const emitGrandParentAction = (payload) => {
+    grandParentSubscriber.mock.calls.forEach((subs) => {
       if (subs[0] === payload.type) {
         subs[1](payload);
       }
@@ -305,8 +305,8 @@ it('grandchildren pass through transitions', () => {
 
 it('child focus with transition', () => {
   const parentSubscriber = jest.fn();
-  const emitParentAction = payload => {
-    parentSubscriber.mock.calls.forEach(subs => {
+  const emitParentAction = (payload) => {
+    parentSubscriber.mock.calls.forEach((subs) => {
       if (subs[0] === payload.type) {
         subs[1](payload);
       }
@@ -398,8 +398,8 @@ it('child focus with transition', () => {
 
 it('child focus with immediate transition', () => {
   const parentSubscriber = jest.fn();
-  const emitParentAction = payload => {
-    parentSubscriber.mock.calls.forEach(subs => {
+  const emitParentAction = (payload) => {
+    parentSubscriber.mock.calls.forEach((subs) => {
       if (subs[0] === payload.type) {
         subs[1](payload);
       }
@@ -461,8 +461,8 @@ it('child focus with immediate transition', () => {
 
 const setupEventTest = (subscriptionKey, initialLastFocusEvent) => {
   const parentSubscriber = jest.fn();
-  const emitEvent = payload => {
-    parentSubscriber.mock.calls.forEach(subs => {
+  const emitEvent = (payload) => {
+    parentSubscriber.mock.calls.forEach((subs) => {
       if (subs[0] === payload.type) {
         subs[1](payload);
       }
diff --git a/packages/core/src/__tests__/getNavigation.test.js b/packages/core/src/__tests__/getNavigation.test.js
index 20475241..68a2e2bc 100644
--- a/packages/core/src/__tests__/getNavigation.test.js
+++ b/packages/core/src/__tests__/getNavigation.test.js
@@ -30,7 +30,7 @@ it('getNavigation provides default action helpers', () => {
 it.skip('getNavigation provides router action helpers', () => {
   const router = {
     getActionCreators: () => ({
-      foo: bar => ({ type: 'FooBarAction', bar }),
+      foo: (bar) => ({ type: 'FooBarAction', bar }),
     }),
     getStateForAction(action, lastState = {}) {
       return lastState;
diff --git a/packages/core/src/getChildEventSubscriber.js b/packages/core/src/getChildEventSubscriber.js
index fb04195b..4b47f01d 100644
--- a/packages/core/src/getChildEventSubscriber.js
+++ b/packages/core/src/getChildEventSubscriber.js
@@ -24,12 +24,12 @@ export default function getChildEventSubscriber(
       willBlurSubscribers,
       didBlurSubscribers,
       refocusSubscribers,
-    ].forEach(set => set.clear());
+    ].forEach((set) => set.clear());
 
-    upstreamSubscribers.forEach(subs => subs && subs.remove());
+    upstreamSubscribers.forEach((subs) => subs && subs.remove());
   };
 
-  const getChildSubscribers = evtName => {
+  const getChildSubscribers = (evtName) => {
     switch (evtName) {
       case 'action':
         return actionSubscribers;
@@ -52,7 +52,7 @@ export default function getChildEventSubscriber(
     const payloadWithType = { ...payload, type };
     const subscribers = getChildSubscribers(type);
     subscribers &&
-      subscribers.forEach(subs => {
+      subscribers.forEach((subs) => {
         subs(payloadWithType);
       });
   };
@@ -72,8 +72,8 @@ export default function getChildEventSubscriber(
     'action',
   ];
 
-  const upstreamSubscribers = upstreamEvents.map(eventName =>
-    addListener(eventName, payload => {
+  const upstreamSubscribers = upstreamEvents.map((eventName) =>
+    addListener(eventName, (payload) => {
       if (eventName === 'refocus') {
         emit(eventName, payload);
         return;
@@ -89,8 +89,8 @@ export default function getChildEventSubscriber(
 
       const isChildFocused = focusKey === key;
       const lastRoute =
-        lastRoutes && lastRoutes.find(route => route.key === key);
-      const newRoute = routes && routes.find(route => route.key === key);
+        lastRoutes && lastRoutes.find((route) => route.key === key);
+      const newRoute = routes && routes.find((route) => route.key === key);
       const childPayload = {
         context: `${key}:${action.type}_${payload.context || 'Root'}`,
         state: newRoute,
diff --git a/packages/core/src/getChildNavigation.js b/packages/core/src/getChildNavigation.js
index e16dfc72..a941a749 100644
--- a/packages/core/src/getChildNavigation.js
+++ b/packages/core/src/getChildNavigation.js
@@ -3,7 +3,7 @@ import getChildRouter from './getChildRouter';
 import getNavigationActionCreators from './routers/getNavigationActionCreators';
 import getChildrenNavigationCache from './getChildrenNavigationCache';
 
-const createParamGetter = route => (paramName, defaultValue) => {
+const createParamGetter = (route) => (paramName, defaultValue) => {
   const params = route.params;
 
   if (params && paramName in params) {
@@ -15,7 +15,7 @@ const createParamGetter = route => (paramName, defaultValue) => {
 
 function getChildNavigation(navigation, childKey, getCurrentParentNavigation) {
   const children = getChildrenNavigationCache(navigation);
-  const childRoute = navigation.state.routes.find(r => r.key === childKey);
+  const childRoute = navigation.state.routes.find((r) => r.key === childKey);
 
   if (!childRoute) {
     return null;
@@ -47,7 +47,7 @@ function getChildNavigation(navigation, childKey, getCurrentParentNavigation) {
   };
 
   const actionHelpers = {};
-  Object.keys(actionCreators).forEach(actionName => {
+  Object.keys(actionCreators).forEach((actionName) => {
     actionHelpers[actionName] = (...args) => {
       const actionCreator = actionCreators[actionName];
       const action = actionCreator(...args);
@@ -91,7 +91,7 @@ function getChildNavigation(navigation, childKey, getCurrentParentNavigation) {
       actions: actionCreators,
       getParam: createParamGetter(childRoute),
 
-      getChildNavigation: grandChildKey =>
+      getChildNavigation: (grandChildKey) =>
         getChildNavigation(children[childKey], grandChildKey, () => {
           const nav = getCurrentParentNavigation();
           return nav && nav.getChildNavigation(childKey);
diff --git a/packages/core/src/getChildrenNavigationCache.js b/packages/core/src/getChildrenNavigationCache.js
index 9143ddad..66ac56ed 100644
--- a/packages/core/src/getChildrenNavigationCache.js
+++ b/packages/core/src/getChildrenNavigationCache.js
@@ -5,8 +5,8 @@ export default function getChildrenNavigationCache(navigation) {
 
   let childrenNavigationCache =
     navigation._childrenNavigation || (navigation._childrenNavigation = {});
-  let childKeys = navigation.state.routes.map(route => route.key);
-  Object.keys(childrenNavigationCache).forEach(cacheKey => {
+  let childKeys = navigation.state.routes.map((route) => route.key);
+  Object.keys(childrenNavigationCache).forEach((cacheKey) => {
     if (!childKeys.includes(cacheKey) && !navigation.state.isTransitioning) {
       delete childrenNavigationCache[cacheKey];
     }
diff --git a/packages/core/src/getNavigation.js b/packages/core/src/getNavigation.js
index 65f5cc93..dc816f08 100644
--- a/packages/core/src/getNavigation.js
+++ b/packages/core/src/getNavigation.js
@@ -18,9 +18,9 @@ export default function getNavigation(
     state,
     dispatch,
     getScreenProps,
-    getChildNavigation: childKey =>
+    getChildNavigation: (childKey) =>
       getChildNavigation(navigation, childKey, getCurrentNavigation),
-    isFocused: childKey => {
+    isFocused: (childKey) => {
       const { routes, index } = getCurrentNavigation().state;
       if (childKey == null || routes[index].key === childKey) {
         return true;
@@ -48,7 +48,7 @@ export default function getNavigation(
     ...actions,
   };
 
-  Object.keys(actionCreators).forEach(actionName => {
+  Object.keys(actionCreators).forEach((actionName) => {
     navigation[actionName] = (...args) =>
       navigation.dispatch(actionCreators[actionName](...args));
   });
diff --git a/packages/core/src/navigators/__tests__/createSwitchNavigator.test.js b/packages/core/src/navigators/__tests__/createSwitchNavigator.test.js
index 3d456f9b..239e63c7 100644
--- a/packages/core/src/navigators/__tests__/createSwitchNavigator.test.js
+++ b/packages/core/src/navigators/__tests__/createSwitchNavigator.test.js
@@ -4,8 +4,8 @@ import { render, fireEvent } from 'react-native-testing-library';
 import { createAppContainer } from '@react-navigation/native';
 import createSwitchNavigator from '../createSwitchNavigator';
 
-const getActiveRouteName = state => state.routes[state.index].routeName;
-const createScreen = (routeName, nextRouteName) => props => (
+const getActiveRouteName = (state) => state.routes[state.index].routeName;
+const createScreen = (routeName, nextRouteName) => (props) => (
   <View>
     <Text testID="title">{routeName}</Text>
     <Text testID={routeName + '-isFirstRoute'}>
diff --git a/packages/core/src/routers/StackActions.js b/packages/core/src/routers/StackActions.js
index ea2f0c3a..38051ea7 100644
--- a/packages/core/src/routers/StackActions.js
+++ b/packages/core/src/routers/StackActions.js
@@ -5,33 +5,33 @@ export const RESET = 'Navigation/RESET';
 export const REPLACE = 'Navigation/REPLACE';
 export const COMPLETE_TRANSITION = 'Navigation/COMPLETE_TRANSITION';
 
-export const pop = payload => ({
+export const pop = (payload) => ({
   type: POP,
   ...payload,
 });
 
-export const popToTop = payload => ({
+export const popToTop = (payload) => ({
   type: POP_TO_TOP,
   ...payload,
 });
 
-export const push = payload => ({
+export const push = (payload) => ({
   type: PUSH,
   ...payload,
 });
 
-export const reset = payload => ({
+export const reset = (payload) => ({
   type: RESET,
   key: null,
   ...payload,
 });
 
-export const replace = payload => ({
+export const replace = (payload) => ({
   type: REPLACE,
   ...payload,
 });
 
-export const completeTransition = payload => ({
+export const completeTransition = (payload) => ({
   type: COMPLETE_TRANSITION,
   preserveFocus: true,
   ...payload,
diff --git a/packages/core/src/routers/StackRouter.js b/packages/core/src/routers/StackRouter.js
index 5fa32e1f..c2190b40 100644
--- a/packages/core/src/routers/StackRouter.js
+++ b/packages/core/src/routers/StackRouter.js
@@ -29,7 +29,7 @@ export default (routeConfigs, stackConfig = {}) => {
   const routeNames = Object.keys(routeConfigs);
 
   // Loop through routes and find child routers
-  routeNames.forEach(routeName => {
+  routeNames.forEach((routeName) => {
     // We're not using `getScreenForRouteName` here to preserve the lazy loading
     // behaviour of routes. This means that routes with child routers must be
     // defined using a component directly or with an object with a screen prop.
@@ -152,7 +152,7 @@ export default (routeConfigs, stackConfig = {}) => {
             n,
             ...params,
           }),
-        popToTop: params => StackActions.popToTop(params),
+        popToTop: (params) => StackActions.popToTop(params),
         push: (routeName, params, action) =>
           StackActions.push({
             routeName,
@@ -280,7 +280,7 @@ export default (routeConfigs, stackConfig = {}) => {
 
         // Before pushing a new route we first try to find one in the existing route stack
         // More information on this: https://github.com/react-navigation/rfcs/blob/master/text/0004-less-pushy-navigate.md
-        const lastRouteIndex = state.routes.findIndex(r => {
+        const lastRouteIndex = state.routes.findIndex((r) => {
           if (action.key) {
             return r.key === action.key;
           } else {
@@ -425,7 +425,7 @@ export default (routeConfigs, stackConfig = {}) => {
         if (action.key === undefined && state.routes.length) {
           routeIndex = state.routes.length - 1;
         } else {
-          routeIndex = state.routes.findIndex(r => r.key === action.key);
+          routeIndex = state.routes.findIndex((r) => r.key === action.key);
         }
 
         // Only replace if the key matches one of our routes
@@ -467,7 +467,7 @@ export default (routeConfigs, stackConfig = {}) => {
 
       if (action.type === NavigationActions.SET_PARAMS) {
         const key = action.key;
-        const lastRoute = state.routes.find(route => route.key === key);
+        const lastRoute = state.routes.find((route) => route.key === key);
         if (lastRoute) {
           const params = {
             ...lastRoute.params,
@@ -496,7 +496,7 @@ export default (routeConfigs, stackConfig = {}) => {
 
         return {
           ...state,
-          routes: newStackActions.map(newStackAction => {
+          routes: newStackActions.map((newStackAction) => {
             const router = childRouters[newStackAction.routeName];
 
             let childState = {};
@@ -535,7 +535,7 @@ export default (routeConfigs, stackConfig = {}) => {
         const { key, n, immediate, prune } = action;
 
         if (action.type === StackActions.POP && prune === false && key) {
-          const index = state.routes.findIndex(r => r.key === key);
+          const index = state.routes.findIndex((r) => r.key === key);
           const count = Math.max(index - (n == null ? 1 : n) + 1, 1);
           const routes = state.routes
             .slice(0, count)
@@ -557,7 +557,7 @@ export default (routeConfigs, stackConfig = {}) => {
             // back from state.index, as if it were a normal "BACK" action
             backRouteIndex = Math.max(1, state.index - n + 1);
           } else if (key) {
-            const backRoute = state.routes.find(route => route.key === key);
+            const backRoute = state.routes.find((route) => route.key === key);
             backRouteIndex = state.routes.indexOf(backRoute);
           }
 
diff --git a/packages/core/src/routers/SwitchRouter.js b/packages/core/src/routers/SwitchRouter.js
index 5df52e95..8f922a2a 100644
--- a/packages/core/src/routers/SwitchRouter.js
+++ b/packages/core/src/routers/SwitchRouter.js
@@ -30,12 +30,12 @@ export default (routeConfigs, config = {}) => {
   if (initialRouteIndex === -1) {
     throw new Error(
       `Invalid initialRouteName '${initialRouteName}'.` +
-        `Should be one of ${order.map(n => `"${n}"`).join(', ')}`
+        `Should be one of ${order.map((n) => `"${n}"`).join(', ')}`
     );
   }
 
   const childRouters = {};
-  order.forEach(routeName => {
+  order.forEach((routeName) => {
     childRouters[routeName] = null;
     const screen = getScreenForRouteName(routeConfigs, routeName);
     if (screen.router) {
@@ -93,7 +93,7 @@ export default (routeConfigs, config = {}) => {
       if (action.type === NavigationActions.NAVIGATE) {
         nextRouteKeyHistory = [...nextRouteKeyHistory]; // copy
         const keyToAdd = nextState.routes[nextState.index].key;
-        nextRouteKeyHistory = nextRouteKeyHistory.filter(k => k !== keyToAdd); // dedup
+        nextRouteKeyHistory = nextRouteKeyHistory.filter((k) => k !== keyToAdd); // dedup
         nextRouteKeyHistory.push(keyToAdd);
       } else if (action.type === NavigationActions.BACK) {
         nextRouteKeyHistory = [...nextRouteKeyHistory]; // copy
@@ -156,7 +156,7 @@ export default (routeConfigs, config = {}) => {
         // Merge any params from the action into all the child routes
         const { params } = action;
         if (params) {
-          state.routes = state.routes.map(route => ({
+          state.routes = state.routes.map((route) => ({
             ...route,
             params: {
               ...route.params,
@@ -175,14 +175,14 @@ export default (routeConfigs, config = {}) => {
       ) {
         const { params } = action;
         const index = state.routes.findIndex(
-          route => route.routeName === action.routeName
+          (route) => route.routeName === action.routeName
         );
 
         if (index === -1) {
           throw new Error(
             `There is no route named '${action.routeName}' in the navigator with the key '${action.key}'.\n` +
               `Must be one of: ${state.routes
-                .map(route => `'${route.routeName}'`)
+                .map((route) => `'${route.routeName}'`)
                 .join(',')}`
           );
         }
@@ -305,7 +305,7 @@ export default (routeConfigs, config = {}) => {
 
       if (action.type === NavigationActions.SET_PARAMS) {
         const key = action.key;
-        const lastRoute = state.routes.find(route => route.key === key);
+        const lastRoute = state.routes.find((route) => route.key === key);
         if (lastRoute) {
           const params = {
             ...lastRoute.params,
diff --git a/packages/core/src/routers/__tests__/PathHandling.test.js b/packages/core/src/routers/__tests__/PathHandling.test.js
index 51da02cb..17748be7 100644
--- a/packages/core/src/routers/__tests__/PathHandling.test.js
+++ b/packages/core/src/routers/__tests__/PathHandling.test.js
@@ -12,7 +12,7 @@ beforeEach(() => {
   _TESTING_ONLY_normalize_keys();
 });
 
-const performRouterTest = createTestRouter => {
+const performRouterTest = (createTestRouter) => {
   const ListScreen = () => <div />;
 
   const ProfileNavigator = () => <div />;
@@ -584,7 +584,7 @@ it('Handles nested switch routers', () => {
   expect(action.action.routeName).toEqual('B');
 });
 
-const performRouteNameAsPathDisabledTest = createTestRouter => {
+const performRouteNameAsPathDisabledTest = (createTestRouter) => {
   const BScreen = () => <div />;
   const NestedNavigator = () => <div />;
   NestedNavigator.router = createTestRouter({
diff --git a/packages/core/src/routers/__tests__/Routers.test.js b/packages/core/src/routers/__tests__/Routers.test.js
index 1344e383..e65fb5d3 100644
--- a/packages/core/src/routers/__tests__/Routers.test.js
+++ b/packages/core/src/routers/__tests__/Routers.test.js
@@ -24,7 +24,7 @@ const dummyEventSubscriber = () => ({
   remove: () => {},
 });
 
-Object.keys(ROUTERS).forEach(routerName => {
+Object.keys(ROUTERS).forEach((routerName) => {
   const Router = ROUTERS[routerName];
 
   describe(`General router features - ${routerName}`, () => {
@@ -441,7 +441,7 @@ it('Inner actions are only unpacked if the current tab matches', () => {
     routes: [screenApreState],
   };
 
-  const comparable = state => {
+  const comparable = (state) => {
     let result = {};
     if (typeof state.routeName === 'string') {
       result = { ...result, routeName: state.routeName };
diff --git a/packages/core/src/routers/__tests__/TabRouter.test.js b/packages/core/src/routers/__tests__/TabRouter.test.js
index 1d94318d..77151e90 100644
--- a/packages/core/src/routers/__tests__/TabRouter.test.js
+++ b/packages/core/src/routers/__tests__/TabRouter.test.js
@@ -775,7 +775,7 @@ describe('TabRouter', () => {
       routes: [screenApreState],
     };
 
-    const comparable = state => {
+    const comparable = (state) => {
       let result = {};
       if (typeof state.routeName === 'string') {
         result = { ...result, routeName: state.routeName };
diff --git a/packages/core/src/routers/__tests__/routerTestHelper.js b/packages/core/src/routers/__tests__/routerTestHelper.js
index c68cd218..a8e22bae 100644
--- a/packages/core/src/routers/__tests__/routerTestHelper.js
+++ b/packages/core/src/routers/__tests__/routerTestHelper.js
@@ -17,7 +17,7 @@ export const getRouterTestHelper = (router, options = defaultOptions) => {
       ? undefined
       : router.getStateForAction({ type: NavigationActions.INIT });
 
-  const applyAction = action => {
+  const applyAction = (action) => {
     state = router.getStateForAction(action, state);
   };
 
@@ -35,7 +35,7 @@ export const getRouterTestHelper = (router, options = defaultOptions) => {
       ...otherActionAttributes,
     });
 
-  const back = key =>
+  const back = (key) =>
     applyAction({
       type: NavigationActions.BACK,
       key,
diff --git a/packages/core/src/routers/getScreenForRouteName.js b/packages/core/src/routers/getScreenForRouteName.js
index 9cb98429..02ab83ee 100644
--- a/packages/core/src/routers/getScreenForRouteName.js
+++ b/packages/core/src/routers/getScreenForRouteName.js
@@ -13,7 +13,7 @@ export default function getScreenForRouteName(routeConfigs, routeName) {
     throw new Error(
       `There is no route defined for key ${routeName}.\n` +
         `Must be one of: ${Object.keys(routeConfigs)
-          .map(a => `'${a}'`)
+          .map((a) => `'${a}'`)
           .join(',')}`
     );
   }
diff --git a/packages/core/src/routers/pathUtils.js b/packages/core/src/routers/pathUtils.js
index 2eaff614..98f68ced 100644
--- a/packages/core/src/routers/pathUtils.js
+++ b/packages/core/src/routers/pathUtils.js
@@ -36,7 +36,7 @@ export const getParamsFromPath = (inputParams, pathMatch, pathMatchKeys) => {
   return params;
 };
 const getRestOfPath = (pathMatch, pathMatchKeys) => {
-  const rest = pathMatch[pathMatchKeys.findIndex(k => k.asterisk) + 1];
+  const rest = pathMatch[pathMatchKeys.findIndex((k) => k.asterisk) + 1];
   return rest;
 };
 
@@ -81,7 +81,7 @@ export const createPathParser = (
   let paths = [];
 
   // Build pathsByRouteNames, which includes a regex to match paths for each route. Keep in mind, the regex will pass for the route and all child routes. The code that uses pathsByRouteNames will need to also verify that the child router produces an action, in the case of isPathMatchable false (a null path).
-  Object.keys(childRouters).forEach(routeName => {
+  Object.keys(childRouters).forEach((routeName) => {
     let pathPattern;
 
     // First check for paths on the router, then check the route config
@@ -189,7 +189,7 @@ export const createPathParser = (
 
     return null;
   };
-  const getPathAndParamsForRoute = route => {
+  const getPathAndParamsForRoute = (route) => {
     const { routeName, params } = route;
     const childRouter = childRouters[routeName];
     const { toPath, exactReKeys } = pathsByRouteNames[routeName];
@@ -197,8 +197,8 @@ export const createPathParser = (
     const nonPathParams = {};
     if (params) {
       Object.keys(params)
-        .filter(paramName => !exactReKeys.find(k => k.name === paramName))
-        .forEach(paramName => {
+        .filter((paramName) => !exactReKeys.find((k) => k.name === paramName))
+        .forEach((paramName) => {
           nonPathParams[paramName] = params[paramName];
         });
     }
diff --git a/packages/core/src/routers/validateRouteConfigMap.js b/packages/core/src/routers/validateRouteConfigMap.js
index a5d27707..3f7a2596 100644
--- a/packages/core/src/routers/validateRouteConfigMap.js
+++ b/packages/core/src/routers/validateRouteConfigMap.js
@@ -13,7 +13,7 @@ function validateRouteConfigMap(routeConfigs) {
     'Please specify at least one route when configuring a navigator.'
   );
 
-  routeNames.forEach(routeName => {
+  routeNames.forEach((routeName) => {
     const routeConfig = routeConfigs[routeName];
     const screenComponent = getScreenComponent(routeConfig);
 
diff --git a/packages/core/src/routers/validateScreenOptions.js b/packages/core/src/routers/validateScreenOptions.js
index e9397de1..0523f138 100644
--- a/packages/core/src/routers/validateScreenOptions.js
+++ b/packages/core/src/routers/validateScreenOptions.js
@@ -7,7 +7,7 @@ const deprecatedKeys = ['tabBar'];
 export default (screenOptions, route) => {
   const keys = Object.keys(screenOptions);
 
-  const deprecatedKey = keys.find(key => deprecatedKeys.includes(key));
+  const deprecatedKey = keys.find((key) => deprecatedKeys.includes(key));
 
   if (typeof screenOptions.title === 'function') {
     throw new Error(
@@ -54,7 +54,7 @@ export default (screenOptions, route) => {
         '{',
         `    ${deprecatedKey}: {`,
         ...Object.keys(screenOptions[deprecatedKey]).map(
-          key => `        ${key}: ...,`
+          (key) => `        ${key}: ...,`
         ),
         '    },',
         '}',
@@ -62,7 +62,7 @@ export default (screenOptions, route) => {
         'with:',
         '{',
         ...Object.keys(screenOptions[deprecatedKey]).map(
-          key =>
+          (key) =>
             `    ${deprecatedKey + key[0].toUpperCase() + key.slice(1)}: ...,`
         ),
         '}',
diff --git a/packages/core/src/utils/getSceneIndicesForInterpolationInputRange.js b/packages/core/src/utils/getSceneIndicesForInterpolationInputRange.js
index 8d0b4f3e..239799b8 100644
--- a/packages/core/src/utils/getSceneIndicesForInterpolationInputRange.js
+++ b/packages/core/src/utils/getSceneIndicesForInterpolationInputRange.js
@@ -5,8 +5,10 @@ function getSceneIndicesForInterpolationInputRange(props) {
   const isBack = !scenes[lastSceneIndexInScenes].isActive;
 
   if (isBack) {
-    const currentSceneIndexInScenes = scenes.findIndex(item => item === scene);
-    const targetSceneIndexInScenes = scenes.findIndex(item => item.isActive);
+    const currentSceneIndexInScenes = scenes.findIndex(
+      (item) => item === scene
+    );
+    const targetSceneIndexInScenes = scenes.findIndex((item) => item.isActive);
     const targetSceneIndex = scenes[targetSceneIndexInScenes].index;
     const lastSceneIndex = scenes[lastSceneIndexInScenes].index;
 
diff --git a/packages/core/src/utils/invariant.ts b/packages/core/src/utils/invariant.ts
index cb25cf7a..7d963dcb 100644
--- a/packages/core/src/utils/invariant.ts
+++ b/packages/core/src/utils/invariant.ts
@@ -9,10 +9,10 @@
  * will remain to ensure logic does not differ in production.
  */
 
-let validateFormat: (format?: string) => void = function() {};
+let validateFormat: (format?: string) => void = function () {};
 
 if (process.env.NODE_ENV !== 'production') {
-  validateFormat = function(format?: string) {
+  validateFormat = function (format?: string) {
     if (format === undefined) {
       throw new Error('invariant requires an error message argument');
     }
diff --git a/packages/core/src/views/NavigationEvents.js b/packages/core/src/views/NavigationEvents.js
index 6c8d986f..dc894239 100644
--- a/packages/core/src/views/NavigationEvents.js
+++ b/packages/core/src/views/NavigationEvents.js
@@ -17,7 +17,7 @@ class NavigationEvents extends React.Component {
     // We register all navigation listeners on mount to ensure listener stability across re-render
     // A former implementation was replacing (removing/adding) listeners on all update (if prop provided)
     // but there were issues (see https://github.com/react-navigation/react-navigation/issues/5058)
-    EventNames.forEach(eventName => {
+    EventNames.forEach((eventName) => {
       this.subscriptions[eventName] = this.props.navigation.addListener(
         eventName,
         (...args) => {
@@ -29,12 +29,12 @@ class NavigationEvents extends React.Component {
   }
 
   componentWillUnmount() {
-    EventNames.forEach(eventName => {
+    EventNames.forEach((eventName) => {
       this.subscriptions[eventName].remove();
     });
   }
 
-  getPropListener = eventName => this.props[EventNameToPropName[eventName]];
+  getPropListener = (eventName) => this.props[EventNameToPropName[eventName]];
 
   render() {
     return null;
diff --git a/packages/core/src/views/__tests__/NavigationEvents.test.js b/packages/core/src/views/__tests__/NavigationEvents.test.js
index 9a6d393d..7695f93d 100644
--- a/packages/core/src/views/__tests__/NavigationEvents.test.js
+++ b/packages/core/src/views/__tests__/NavigationEvents.test.js
@@ -26,13 +26,15 @@ const createTestNavigationAndHelpers = () => {
         listeners[eventName].push(handler);
       },
       remove: (eventName, handler) => {
-        listeners[eventName] = listeners[eventName].filter(h => h !== handler);
+        listeners[eventName] = listeners[eventName].filter(
+          (h) => h !== handler
+        );
       },
-      get: eventName => {
+      get: (eventName) => {
         return listeners[eventName];
       },
-      call: eventName => {
-        listeners[eventName].forEach(listener => listener());
+      call: (eventName) => {
+        listeners[eventName].forEach((listener) => listener());
       },
     };
   })();
diff --git a/packages/core/src/views/withNavigation.js b/packages/core/src/views/withNavigation.js
index 70be9c34..abe03272 100644
--- a/packages/core/src/views/withNavigation.js
+++ b/packages/core/src/views/withNavigation.js
@@ -8,14 +8,15 @@ export default function withNavigation(
   config = { forwardRef: true }
 ) {
   class ComponentWithNavigation extends React.Component {
-    static displayName = `withNavigation(${Component.displayName ||
-      Component.name})`;
+    static displayName = `withNavigation(${
+      Component.displayName || Component.name
+    })`;
 
     render() {
       const navigationProp = this.props.navigation;
       return (
         <NavigationContext.Consumer>
-          {navigationContext => {
+          {(navigationContext) => {
             const navigation = navigationProp || navigationContext;
             invariant(
               !!navigation,
diff --git a/packages/core/src/views/withNavigationFocus.js b/packages/core/src/views/withNavigationFocus.js
index 0434d78b..d7b68ca5 100644
--- a/packages/core/src/views/withNavigationFocus.js
+++ b/packages/core/src/views/withNavigationFocus.js
@@ -4,8 +4,9 @@ import withNavigation from './withNavigation';
 
 export default function withNavigationFocus(Component) {
   class ComponentWithNavigationFocus extends React.Component {
-    static displayName = `withNavigationFocus(${Component.displayName ||
-      Component.name})`;
+    static displayName = `withNavigationFocus(${
+      Component.displayName || Component.name
+    })`;
 
     constructor(props) {
       super(props);
@@ -25,7 +26,7 @@ export default function withNavigationFocus(Component) {
     }
 
     componentWillUnmount() {
-      this.subscriptions.forEach(sub => sub.remove());
+      this.subscriptions.forEach((sub) => sub.remove());
     }
 
     render() {
diff --git a/packages/native/src/Scrollables.js b/packages/native/src/Scrollables.js
index 0aa1e9e4..689a8642 100644
--- a/packages/native/src/Scrollables.js
+++ b/packages/native/src/Scrollables.js
@@ -52,7 +52,7 @@ const WrappedFlatList = React.forwardRef((props, ref) => (
   <FlatList
     ref={ref}
     {...props}
-    renderScrollComponent={props => (
+    renderScrollComponent={(props) => (
       <WrappedScrollView {...propsMaybeWithRefreshControl(props)} />
     )}
   />
@@ -62,7 +62,7 @@ const WrappedSectionList = React.forwardRef((props, ref) => (
   <SectionList
     ref={ref}
     {...props}
-    renderScrollComponent={props => (
+    renderScrollComponent={(props) => (
       <WrappedScrollView {...propsMaybeWithRefreshControl(props)} />
     )}
   />
diff --git a/packages/native/src/__tests__/createAppContainer.test.js b/packages/native/src/__tests__/createAppContainer.test.js
index b93e5d64..14faab11 100644
--- a/packages/native/src/__tests__/createAppContainer.test.js
+++ b/packages/native/src/__tests__/createAppContainer.test.js
@@ -274,7 +274,7 @@ describe('NavigationContainer', () => {
   });
 
   // https://github.com/facebook/jest/issues/2157#issuecomment-279171856
-  const flushPromises = () => new Promise(resolve => setImmediate(resolve));
+  const flushPromises = () => new Promise((resolve) => setImmediate(resolve));
 
   describe('state persistence', () => {
     async function createPersistenceEnabledContainer(
diff --git a/packages/native/src/createAppContainer.js b/packages/native/src/createAppContainer.js
index 57e3a31f..b265c8ef 100644
--- a/packages/native/src/createAppContainer.js
+++ b/packages/native/src/createAppContainer.js
@@ -266,7 +266,7 @@ export default function createNavigationContainer(Component) {
       }
 
       const dispatchActions = () =>
-        this._actionEventSubscribers.forEach(subscriber =>
+        this._actionEventSubscribers.forEach((subscriber) =>
           subscriber({
             type: 'action',
             action,
@@ -316,7 +316,7 @@ export default function createNavigationContainer(Component) {
       }
     }
 
-    _persistNavigationState = async nav => {
+    _persistNavigationState = async (nav) => {
       const { persistNavigationState } = this.props;
       if (persistNavigationState) {
         try {
@@ -341,7 +341,7 @@ export default function createNavigationContainer(Component) {
 
     // Per-tick temporary storage for state.nav
 
-    dispatch = action => {
+    dispatch = (action) => {
       if (this.props.navigation) {
         return this.props.navigation.dispatch(action);
       }
@@ -357,7 +357,7 @@ export default function createNavigationContainer(Component) {
       const navState = reducedState === null ? lastNavState : reducedState;
 
       const dispatchActionEvents = () => {
-        this._actionEventSubscribers.forEach(subscriber =>
+        this._actionEventSubscribers.forEach((subscriber) =>
           subscriber({
             type: 'action',
             action,
diff --git a/packages/native/src/createNavigationAwareScrollable.js b/packages/native/src/createNavigationAwareScrollable.js
index a8eaee4b..56f89ba6 100644
--- a/packages/native/src/createNavigationAwareScrollable.js
+++ b/packages/native/src/createNavigationAwareScrollable.js
@@ -5,8 +5,9 @@ import { withNavigation } from '@react-navigation/core';
 export default function createNavigationAwareScrollable(Component) {
   const ComponentWithNavigationScrolling = withNavigation(
     class extends React.PureComponent<any> {
-      static displayName = `withNavigationScrolling(${Component.displayName ||
-        Component.name})`;
+      static displayName = `withNavigationScrolling(${
+        Component.displayName || Component.name
+      })`;
 
       componentDidMount() {
         this._subscription = this.props.navigation.addListener(
@@ -49,7 +50,7 @@ export default function createNavigationAwareScrollable(Component) {
       render() {
         return (
           <Component
-            ref={view => {
+            ref={(view) => {
               this._scrollRef = view;
             }}
             {...this.props}
@@ -60,10 +61,11 @@ export default function createNavigationAwareScrollable(Component) {
   );
 
   class NavigationAwareScrollable extends React.PureComponent<any> {
-    static displayName = `NavigationAwareScrollable(${Component.displayName ||
-      Component.name})`;
+    static displayName = `NavigationAwareScrollable(${
+      Component.displayName || Component.name
+    })`;
 
-    _captureRef = view => {
+    _captureRef = (view) => {
       this._innerRef = view;
       this.props.onRef && this.props.onRef(view);
     };
diff --git a/packages/native/src/throwIfWrongVersion.js b/packages/native/src/throwIfWrongVersion.js
index 67fe55f5..ef8c92e0 100644
--- a/packages/native/src/throwIfWrongVersion.js
+++ b/packages/native/src/throwIfWrongVersion.js
@@ -1,4 +1,4 @@
-export default function() {
+export default function () {
   throw new Error(
     "This version of '@react-navigation/native' is not compatible with React Navigation 5. Make sure you install 5.x version of '@react-navigation/native'."
   );
diff --git a/packages/native/src/utils/invariant.js b/packages/native/src/utils/invariant.js
index 34244008..ac25a9da 100644
--- a/packages/native/src/utils/invariant.js
+++ b/packages/native/src/utils/invariant.js
@@ -9,10 +9,10 @@
  * will remain to ensure logic does not differ in production.
  */
 
-var validateFormat = function() {};
+var validateFormat = function () {};
 
 if (process.env.NODE_ENV !== 'production') {
-  validateFormat = function(format) {
+  validateFormat = function (format) {
     if (format === undefined) {
       throw new Error('invariant requires an error message argument');
     }
@@ -32,7 +32,7 @@ export default function invariant(condition, format, a, b, c, d, e, f) {
       var args = [a, b, c, d, e, f];
       var argIndex = 0;
       error = new Error(
-        format.replace(/%s/g, function() {
+        format.replace(/%s/g, function () {
           return args[argIndex++];
         })
       );
diff --git a/packages/native/src/withOrientation.js b/packages/native/src/withOrientation.js
index 80a7c098..a539a16f 100644
--- a/packages/native/src/withOrientation.js
+++ b/packages/native/src/withOrientation.js
@@ -4,7 +4,7 @@ import hoistNonReactStatic from 'hoist-non-react-statics';
 
 export const isOrientationLandscape = ({ width, height }) => width > height;
 
-export default function(WrappedComponent) {
+export default function (WrappedComponent) {
   class withOrientation extends React.Component {
     constructor() {
       super();
diff --git a/packages/stack/src/navigators/createStackNavigator.tsx b/packages/stack/src/navigators/createStackNavigator.tsx
index 8e5e9fd2..75834cda 100644
--- a/packages/stack/src/navigators/createStackNavigator.tsx
+++ b/packages/stack/src/navigators/createStackNavigator.tsx
@@ -30,7 +30,7 @@ function createStackNavigator(
   return createNavigator(
     // TODO: don't have time to fix it right now
     // @ts-ignore
-    navigatorProps => <StackView {...navigatorProps} />,
+    (navigatorProps) => <StackView {...navigatorProps} />,
     router,
     stackConfig
   );
diff --git a/packages/stack/src/utils/validateDeprecatedConfig.tsx b/packages/stack/src/utils/validateDeprecatedConfig.tsx
index f97a7e41..9894c138 100644
--- a/packages/stack/src/utils/validateDeprecatedConfig.tsx
+++ b/packages/stack/src/utils/validateDeprecatedConfig.tsx
@@ -58,7 +58,7 @@ export default function validateDeprecatedConfig(
 ) {
   let result = options;
 
-  Object.keys(validations).forEach(name => {
+  Object.keys(validations).forEach((name) => {
     if (name in config) {
       const { compat, message } = validations[name];
 
diff --git a/packages/stack/src/utils/validateDeprecatedOptions.tsx b/packages/stack/src/utils/validateDeprecatedOptions.tsx
index e3806f0a..be08896e 100644
--- a/packages/stack/src/utils/validateDeprecatedOptions.tsx
+++ b/packages/stack/src/utils/validateDeprecatedOptions.tsx
@@ -12,10 +12,10 @@ const shownWarnings: string[] = [];
 
 const validations: Validation[] = [
   {
-    check: o => typeof o.headerForceInset === 'object',
+    check: (o) => typeof o.headerForceInset === 'object',
     deprecated: 'headerForceInset',
     updated: 'safeAreaInsets',
-    compat: o => {
+    compat: (o) => {
       const { headerForceInset, ...rest } = o;
 
       let safeAreaInsets: Partial<EdgeInsets> | undefined = {
@@ -55,20 +55,20 @@ const validations: Validation[] = [
     },
   },
   {
-    check: o => o.gesturesEnabled !== undefined,
+    check: (o) => o.gesturesEnabled !== undefined,
     deprecated: 'gesturesEnabled',
     updated: 'gestureEnabled',
-    compat: o => {
+    compat: (o) => {
       const { gesturesEnabled, ...rest } = o;
 
       return { ...rest, gestureEnabled: gesturesEnabled };
     },
   },
   {
-    check: o => o.header === null,
+    check: (o) => o.header === null,
     deprecated: 'header: null',
     updated: 'headerShown: false',
-    compat: o => {
+    compat: (o) => {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const { header, ...rest } = o;
 
@@ -76,26 +76,26 @@ const validations: Validation[] = [
     },
   },
   {
-    check: o => o.header != null && typeof o.header !== 'function',
+    check: (o) => o.header != null && typeof o.header !== 'function',
     deprecated: 'header: <SomeElement />',
     updated: 'header: () => <SomeElement />',
-    compat: o => ({ ...o, header: () => o.header }),
+    compat: (o) => ({ ...o, header: () => o.header }),
   },
   {
-    check: o =>
+    check: (o) =>
       o.headerTitle !== undefined &&
       typeof o.headerTitle !== 'string' &&
       typeof o.headerTitle !== 'function',
     deprecated: 'headerTitle: <SomeElement />',
     updated: 'headerTitle: () => <SomeElement />',
-    compat: o => ({ ...o, headerTitle: () => o.headerTitle }),
+    compat: (o) => ({ ...o, headerTitle: () => o.headerTitle }),
   },
   ...['headerLeft', 'headerRight', 'headerBackground', 'headerBackImage'].map(
     (p): Validation => ({
       check: (o: any) => o[p] !== undefined && typeof o[p] !== 'function',
       deprecated: `${p}: <SomeElement />`,
       updated: `${p}: () => <SomeElement />`,
-      compat: o => ({ ...o, [p]: () => o[p] }),
+      compat: (o) => ({ ...o, [p]: () => o[p] }),
     })
   ),
 ];
@@ -108,7 +108,7 @@ export default function validateDeprecatedOptions(
   const warnings: Validation[] = [];
 
   // Validate options to show warnings for deprecations
-  validations.forEach(v => {
+  validations.forEach((v) => {
     if (v.check(options)) {
       result = v.compat(result);
 
@@ -127,7 +127,7 @@ export default function validateDeprecatedOptions(
     console.warn(
       `Deprecation in 'navigationOptions':\n${warnings
         .map(
-          v =>
+          (v) =>
             `- '${v.deprecated}' will be removed in a future version. Use '${v.updated}' instead`
         )
         .join('\n')}`
diff --git a/packages/stack/src/vendor/utils/debounce.tsx b/packages/stack/src/vendor/utils/debounce.tsx
index d17d688b..cc6b0be9 100644
--- a/packages/stack/src/vendor/utils/debounce.tsx
+++ b/packages/stack/src/vendor/utils/debounce.tsx
@@ -4,7 +4,7 @@ export default function debounce<T extends (...args: any[]) => void>(
 ): T {
   let timeout: NodeJS.Timeout | number | undefined;
 
-  return function(this: any, ...args) {
+  return function (this: any, ...args) {
     if (!timeout) {
       // eslint-disable-next-line babel/no-invalid-this
       func.apply(this, args);
diff --git a/packages/stack/src/vendor/views/Header/HeaderContainer.tsx b/packages/stack/src/vendor/views/Header/HeaderContainer.tsx
index 47c6f78a..0fb02097 100644
--- a/packages/stack/src/vendor/views/Header/HeaderContainer.tsx
+++ b/packages/stack/src/vendor/views/Header/HeaderContainer.tsx
@@ -118,7 +118,7 @@ export default function HeaderContainer({
               <View
                 onLayout={
                   onContentHeightChange
-                    ? e =>
+                    ? (e) =>
                         onContentHeightChange({
                           route: scene.route,
                           height: e.nativeEvent.layout.height,
diff --git a/packages/stack/src/vendor/views/Header/HeaderSegment.tsx b/packages/stack/src/vendor/views/Header/HeaderSegment.tsx
index 3ad80818..cd24b72c 100644
--- a/packages/stack/src/vendor/views/Header/HeaderSegment.tsx
+++ b/packages/stack/src/vendor/views/Header/HeaderSegment.tsx
@@ -38,7 +38,7 @@ type State = {
 };
 
 const warnIfHeaderStylesDefined = (styles: Record<string, any>) => {
-  Object.keys(styles).forEach(styleProp => {
+  Object.keys(styles).forEach((styleProp) => {
     const value = styles[styleProp];
 
     if (styleProp === 'position' && value === 'absolute') {
diff --git a/packages/stack/src/vendor/views/SafeAreaProviderCompat.tsx b/packages/stack/src/vendor/views/SafeAreaProviderCompat.tsx
index 1f161dc5..0d672cbe 100644
--- a/packages/stack/src/vendor/views/SafeAreaProviderCompat.tsx
+++ b/packages/stack/src/vendor/views/SafeAreaProviderCompat.tsx
@@ -30,7 +30,7 @@ type Props = {
 export default function SafeAreaProviderCompat({ children }: Props) {
   return (
     <SafeAreaConsumer>
-      {insets => {
+      {(insets) => {
         if (insets) {
           // If we already have insets, don't wrap the stack in another safe area provider
           // This avoids an issue with updates at the cost of potentially incorrect values
diff --git a/packages/stack/src/vendor/views/Stack/StackView.tsx b/packages/stack/src/vendor/views/Stack/StackView.tsx
index 78892036..6c6a0873 100644
--- a/packages/stack/src/vendor/views/Stack/StackView.tsx
+++ b/packages/stack/src/vendor/views/Stack/StackView.tsx
@@ -117,7 +117,7 @@ export default class StackView extends React.Component<Props, State> {
       // We only need to animate routes if the focused route changed
       // Animating previous routes won't be visible coz the focused route is on top of everything
 
-      if (!previousRoutes.find(r => r.key === nextFocusedRoute.key)) {
+      if (!previousRoutes.find((r) => r.key === nextFocusedRoute.key)) {
         // A new route has come to the focus, we treat this as a push
         // A replace can also trigger this, the animation should look like push
 
@@ -130,17 +130,17 @@ export default class StackView extends React.Component<Props, State> {
           openingRouteKeys = [...openingRouteKeys, nextFocusedRoute.key];
 
           closingRouteKeys = closingRouteKeys.filter(
-            key => key !== nextFocusedRoute.key
+            (key) => key !== nextFocusedRoute.key
           );
           replacingRouteKeys = replacingRouteKeys.filter(
-            key => key !== nextFocusedRoute.key
+            (key) => key !== nextFocusedRoute.key
           );
 
-          if (!routes.find(r => r.key === previousFocusedRoute.key)) {
+          if (!routes.find((r) => r.key === previousFocusedRoute.key)) {
             // The previous focused route isn't present in state, we treat this as a replace
 
             openingRouteKeys = openingRouteKeys.filter(
-              key => key !== previousFocusedRoute.key
+              (key) => key !== previousFocusedRoute.key
             );
 
             if (getAnimationTypeForReplace(nextFocusedRoute.key) === 'pop') {
@@ -153,7 +153,7 @@ export default class StackView extends React.Component<Props, State> {
               // But since user configured it to animate the old screen like a pop, we need to add this without animation
               // So remove it from `openingRouteKeys` which will remove the animation
               openingRouteKeys = openingRouteKeys.filter(
-                key => key !== nextFocusedRoute.key
+                (key) => key !== nextFocusedRoute.key
               );
 
               // Keep the route being removed at the end to animate it out
@@ -165,7 +165,7 @@ export default class StackView extends React.Component<Props, State> {
               ];
 
               closingRouteKeys = closingRouteKeys.filter(
-                key => key !== previousFocusedRoute.key
+                (key) => key !== previousFocusedRoute.key
               );
 
               // Keep the old route in the state because it's visible under the new route, and removing it will feel abrupt
@@ -176,7 +176,7 @@ export default class StackView extends React.Component<Props, State> {
             }
           }
         }
-      } else if (!routes.find(r => r.key === previousFocusedRoute.key)) {
+      } else if (!routes.find((r) => r.key === previousFocusedRoute.key)) {
         // The previously focused route was removed, we treat this as a pop
 
         if (
@@ -188,10 +188,10 @@ export default class StackView extends React.Component<Props, State> {
           // Sometimes a route can be closed before the opening animation finishes
           // So we also need to remove it from the opening list
           openingRouteKeys = openingRouteKeys.filter(
-            key => key !== previousFocusedRoute.key
+            (key) => key !== previousFocusedRoute.key
           );
           replacingRouteKeys = replacingRouteKeys.filter(
-            key => key !== previousFocusedRoute.key
+            (key) => key !== previousFocusedRoute.key
           );
 
           // Keep a copy of route being removed in the state to be able to animate it
@@ -273,13 +273,13 @@ export default class StackView extends React.Component<Props, State> {
   private getPreviousRoute = ({ route }: { route: Route<string> }) => {
     const { closingRouteKeys, replacingRouteKeys } = this.state;
     const routes = this.state.routes.filter(
-      r =>
+      (r) =>
         r.key === route.key ||
         (!closingRouteKeys.includes(r.key) &&
           !replacingRouteKeys.includes(r.key))
     );
 
-    const index = routes.findIndex(r => r.key === route.key);
+    const index = routes.findIndex((r) => r.key === route.key);
 
     return routes[index - 1];
   };
@@ -323,12 +323,16 @@ export default class StackView extends React.Component<Props, State> {
 
   private handleOpenRoute = ({ route }: { route: Route<string> }) => {
     this.handleTransitionComplete({ route });
-    this.setState(state => ({
+    this.setState((state) => ({
       routes: state.replacingRouteKeys.length
-        ? state.routes.filter(r => !state.replacingRouteKeys.includes(r.key))
+        ? state.routes.filter((r) => !state.replacingRouteKeys.includes(r.key))
         : state.routes,
-      openingRouteKeys: state.openingRouteKeys.filter(key => key !== route.key),
-      closingRouteKeys: state.closingRouteKeys.filter(key => key !== route.key),
+      openingRouteKeys: state.openingRouteKeys.filter(
+        (key) => key !== route.key
+      ),
+      closingRouteKeys: state.closingRouteKeys.filter(
+        (key) => key !== route.key
+      ),
       replacingRouteKeys: [],
     }));
   };
@@ -336,7 +340,7 @@ export default class StackView extends React.Component<Props, State> {
   private handleCloseRoute = ({ route }: { route: Route<string> }) => {
     const { state, navigation } = this.props;
 
-    if (state.routes.find(r => r.key === route.key)) {
+    if (state.routes.find((r) => r.key === route.key)) {
       // If a route exists in state, trigger a pop
       // This will happen in when the route was closed from the card component
       // e.g. When the close animation triggered from a gesture ends
@@ -345,20 +349,20 @@ export default class StackView extends React.Component<Props, State> {
     } else {
       // While closing route we need to point to the previous one assuming that
       // this previous one in routes array
-      const index = this.state.routes.findIndex(r => r.key === route.key);
+      const index = this.state.routes.findIndex((r) => r.key === route.key);
 
       this.handleTransitionComplete({
         route: this.state.routes[Math.max(index - 1, 0)],
       });
 
       // We need to clean up any state tracking the route and pop it immediately
-      this.setState(state => ({
-        routes: state.routes.filter(r => r.key !== route.key),
+      this.setState((state) => ({
+        routes: state.routes.filter((r) => r.key !== route.key),
         openingRouteKeys: state.openingRouteKeys.filter(
-          key => key !== route.key
+          (key) => key !== route.key
         ),
         closingRouteKeys: state.closingRouteKeys.filter(
-          key => key !== route.key
+          (key) => key !== route.key
         ),
       }));
     }
@@ -410,9 +414,9 @@ export default class StackView extends React.Component<Props, State> {
       <GestureHandlerWrapper style={styles.container}>
         <SafeAreaProviderCompat>
           <SafeAreaConsumer>
-            {insets => (
+            {(insets) => (
               <KeyboardManager enabled={keyboardHandlingEnabled !== false}>
-                {props => (
+                {(props) => (
                   <CardStack
                     mode={mode}
                     insets={insets as EdgeInsets}
diff --git a/packages/tabs/src/navigators/createBottomTabNavigator.tsx b/packages/tabs/src/navigators/createBottomTabNavigator.tsx
index 69af5979..88d3ea26 100644
--- a/packages/tabs/src/navigators/createBottomTabNavigator.tsx
+++ b/packages/tabs/src/navigators/createBottomTabNavigator.tsx
@@ -131,7 +131,9 @@ class TabNavigationView extends React.PureComponent<Props, State> {
   _jumpTo = (key: string) => {
     const { navigation, onIndexChange } = this.props;
 
-    const index = navigation.state.routes.findIndex(route => route.key === key);
+    const index = navigation.state.routes.findIndex(
+      (route) => route.key === key
+    );
 
     onIndexChange(index);
   };
diff --git a/packages/tabs/src/navigators/createMaterialTopTabNavigator.tsx b/packages/tabs/src/navigators/createMaterialTopTabNavigator.tsx
index 4333ecd6..3105f3e1 100644
--- a/packages/tabs/src/navigators/createMaterialTopTabNavigator.tsx
+++ b/packages/tabs/src/navigators/createMaterialTopTabNavigator.tsx
@@ -134,12 +134,12 @@ class MaterialTabView extends React.PureComponent<Props> {
         renderTabBar={this.renderTabBar}
         renderLazyPlaceholder={
           lazyPlaceholderComponent !== undefined
-            ? props => React.createElement(lazyPlaceholderComponent, props)
+            ? (props) => React.createElement(lazyPlaceholderComponent, props)
             : undefined
         }
         renderPager={
           pagerComponent !== undefined
-            ? props => React.createElement(pagerComponent, props)
+            ? (props) => React.createElement(pagerComponent, props)
             : undefined
         }
       />
diff --git a/scripts/check-types-path.js b/scripts/check-types-path.js
index af9591b5..3ac2375d 100644
--- a/scripts/check-types-path.js
+++ b/scripts/check-types-path.js
@@ -9,7 +9,7 @@ const packages = path.join(__dirname, '..', 'packages');
 
 const invalid = [];
 
-fs.readdirSync(packages).forEach(name => {
+fs.readdirSync(packages).forEach((name) => {
   const dir = path.join(packages, name);
 
   if (fs.statSync(path.join(packages, name)).isDirectory()) {
@@ -26,6 +26,6 @@ fs.readdirSync(packages).forEach(name => {
 if (invalid.length) {
   console.log(
     'Found invalid path to type definitions in the following packages:\n',
-    invalid.map(p => `- ${p.name} (${p.types})`).join('\n')
+    invalid.map((p) => `- ${p.name} (${p.types})`).join('\n')
   );
 }
diff --git a/yarn.lock b/yarn.lock
index e3bd3fe6..4243deb2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -13637,10 +13637,10 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^1.19.1:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
-  integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
+prettier@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.1.tgz#3f00ac71263be34684b2b2c8d7e7f63737592dac"
+  integrity sha512-piXGBcY1zoFOG0MvHpNE5reAGseLmaCRifQ/fmfF49BcYkInEs/naD/unxGNAeOKFA5+JxVrPyMvMlpzcd20UA==
 
 pretty-bytes@^4.0.2:
   version "4.0.2"