Fix compatibility issue with react-native-web on non-expo projects

README.md

@@ -10,6 +10,16 @@ Drop-in RefreshControl component for web
 npm i react-native-web-refresh-control
 ```
 
+#### If you're using Expo
+You don't need to change anything else
+
+#### If you're NOT using Expo
+You will need to configure webpack to parse JSX in `node_modules/react-native-web-refresh-control`.
+
+1. Eject from `react-scripts` with `npm run eject`.
+2. Modify the main `babel-loader` module in `config/webpack.config.js`.
+   * Replace `include: paths.appSrc,` with `include: [paths.appSrc, /node_modules\/react-native-web-refresh-control/],` 
+
 ## Example
 
 https://snack.expo.io/@niciusb/refreshcontrol-example
@@ -33,4 +43,4 @@ import App from './App'
 
 patchFlatListProps()
 registerRootComponent(App)
-```
+```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-web-refresh-control",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "An implementation of React Native's RefreshControl for web, since react-native-web currently does not provide one",
   "main": "src/index.js",
   "scripts": {

src/RefreshControl.web.js

@@ -6,8 +6,6 @@ import {
   Animated,
   ActivityIndicator,
   findNodeHandle,
-  ViewPropTypes,
-  ColorPropType,
 } from 'react-native'
 import PropTypes from 'prop-types'
 
@@ -170,17 +168,16 @@ function RefreshControl({
 }
 
 RefreshControl.propTypes = {
-  ...ViewPropTypes,
-  colors: PropTypes.arrayOf(ColorPropType),
+  colors: PropTypes.array,
   enabled: PropTypes.bool,
   onRefresh: PropTypes.func,
-  progressBackgroundColor: ColorPropType,
+  progressBackgroundColor: PropTypes.any,
   progressViewOffset: PropTypes.number,
   refreshing: PropTypes.bool.isRequired,
   size: PropTypes.oneOf(['small', 'large']),
-  tintColor: ColorPropType,
+  tintColor: PropTypes.any,
   title: PropTypes.string,
-  titleColor: ColorPropType,
+  titleColor: PropTypes.any,
 }
 
 export default RefreshControl