Not working with react-native

I created a boilerplate react-native project with react-native init. Then I modified the following files:

.babelrc

{
  "presets": ["react-native"],
  "plugins": [["flow-react-proptypes", { "ignoreNodeModules": true }]]
}

package.json

{
  "name": "test",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "prop-types": "15.6.0",
    "react": "16.0.0",
    "react-native": "0.51.0"
  },
  "devDependencies": {
    "babel-jest": "21.2.0",
    "babel-plugin-flow-react-proptypes": "11.0.0",
    "babel-preset-react-native": "4.0.0",
    "jest": "21.2.1",
    "react-test-renderer": "16.0.0"
  },
  "jest": {
    "preset": "react-native"
  }
}

App.js

// @flow

import React, { Component } from "react"
import { View } from "react-native"

type Props = { test: string }

export default class App extends Component<Props> {
  render() {
    return <View />
  }
}

However, this does not generate the propTypes:

var App = _wrapComponent("App")(function (_Component) {
  _inherits(App, _Component);

  function App() {
    _classCallCheck(this, App);

    return _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).apply(this, arguments));
  }

  _createClass(App, [{
    key: "render",
    value: function render() {
      return _react3.default.createElement(_reactNative.View, {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 10
        }
      });
    }
  }]);

  return App;
}(_react2.Component));

exports.default = App;

[danilobuerger]

Awesome. Thank you @brigand !

I updated the test repos, it works there and also triggers a propType warning in the UI, as test: string is missing from App.

Also tested in a real rn project, works there as well.

For anyone else finding this, if you use react-native, your babelrc should be:

{
  "presets": ["react-native"],
  "plugins": [["flow-react-proptypes", { "ignoreNodeModules": true, "useStatic": true }]]
}

[terreb]

It seems the issue is back. I’m testing with RN 0.57.8 and it doesn’t generate propTypes. I prepared the repo.