From d94a14dc8ca07e1c8e8c25c5d1f0206e7a4a72ee Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Wed, 5 Feb 2020 09:12:06 -0800
Subject: [PATCH] [change] RefreshControl, StatusBar, YellowBox as function
 components

---
 .../src/exports/Picker/index.js               |  3 +-
 .../src/exports/RefreshControl/index.js       | 36 +++++++++----------
 .../src/exports/StatusBar/index.js            | 21 +++++------
 .../src/exports/YellowBox/index.js            |  9 +++--
 4 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/packages/react-native-web/src/exports/Picker/index.js b/packages/react-native-web/src/exports/Picker/index.js
index 07148740..0cbd00d4 100644
--- a/packages/react-native-web/src/exports/Picker/index.js
+++ b/packages/react-native-web/src/exports/Picker/index.js
@@ -53,7 +53,7 @@ const Picker = forwardRef<PickerProps, *>((props, ref) => {
       hostRef.current = c;
     }
   });
-  usePlatformMethods(hostRef, ref, null, style);
+  usePlatformMethods(hostRef, ref, [], style);
 
   function handleChange(e: Object) {
     const { selectedIndex, value } = e.target;
@@ -74,6 +74,7 @@ const Picker = forwardRef<PickerProps, *>((props, ref) => {
   });
 });
 
+// $FlowFixMe
 Picker.Item = PickerItem;
 
 const styles = StyleSheet.create({
diff --git a/packages/react-native-web/src/exports/RefreshControl/index.js b/packages/react-native-web/src/exports/RefreshControl/index.js
index 7ba518da..9ae1dc29 100644
--- a/packages/react-native-web/src/exports/RefreshControl/index.js
+++ b/packages/react-native-web/src/exports/RefreshControl/index.js
@@ -28,26 +28,24 @@ type RefreshControlProps = {
   titleColor?: ColorValue
 };
 
-class RefreshControl extends React.Component<RefreshControlProps> {
-  render() {
-    const {
-      /* eslint-disable */
-      colors,
-      enabled,
-      onRefresh,
-      progressBackgroundColor,
-      progressViewOffset,
-      refreshing,
-      size,
-      tintColor,
-      title,
-      titleColor,
-      /* eslint-enable */
-      ...rest
-    } = this.props;
+function RefreshControl(props: RefreshControlProps) {
+  const {
+    /* eslint-disable */
+    colors,
+    enabled,
+    onRefresh,
+    progressBackgroundColor,
+    progressViewOffset,
+    refreshing,
+    size,
+    tintColor,
+    title,
+    titleColor,
+    /* eslint-enable */
+    ...rest
+  } = props;
 
-    return <View {...rest} />;
-  }
+  return <View {...rest} />;
 }
 
 export default RefreshControl;
diff --git a/packages/react-native-web/src/exports/StatusBar/index.js b/packages/react-native-web/src/exports/StatusBar/index.js
index f70fe5d9..bbfb43e4 100644
--- a/packages/react-native-web/src/exports/StatusBar/index.js
+++ b/packages/react-native-web/src/exports/StatusBar/index.js
@@ -7,15 +7,16 @@
  * @flow
  */
 
-import { Component } from 'react';
+const emptyFunction = () => {};
 
-export default class StatusBar extends Component<*> {
-  static setBackgroundColor() {}
-  static setBarStyle() {}
-  static setHidden() {}
-  static setNetworkActivityIndicatorVisible() {}
-  static setTranslucent() {}
-  render() {
-    return null;
-  }
+function StatusBar() {
+  return null;
 }
+
+StatusBar.setBackgroundColor = emptyFunction;
+StatusBar.setBarStyle = emptyFunction;
+StatusBar.setHidden = emptyFunction;
+StatusBar.setNetworkActivityIndicatorVisible = emptyFunction;
+StatusBar.setTranslucent = emptyFunction;
+
+export default StatusBar;
diff --git a/packages/react-native-web/src/exports/YellowBox/index.js b/packages/react-native-web/src/exports/YellowBox/index.js
index 974c7dba..459697ad 100644
--- a/packages/react-native-web/src/exports/YellowBox/index.js
+++ b/packages/react-native-web/src/exports/YellowBox/index.js
@@ -11,11 +11,10 @@
 import React from 'react';
 import UnimplementedView from '../../modules/UnimplementedView';
 
-class YellowBox extends React.Component<*> {
-  static ignoreWarnings() {}
-  render() {
-    return <UnimplementedView {...this.props} />;
-  }
+function YellowBox(props: Object) {
+  return <UnimplementedView {...props} />;
 }
 
+YellowBox.ignoreWarnings = () => {};
+
 export default YellowBox;