Flow errors when using react-create-app

Version

1.0.10

Guys love styled-components so thanks! Am on v1.0.10 and still getting flow-type errors. Note I am using create-react-app.

My flow config is as per create-react-app guidelines:

[ignore]
<PROJECT_ROOT>/node_modules/fbjs/.*

Mu deps:

"devDependencies": {
    "babel-eslint": "6.1.2",
    "eslint": "3.5.0",
    "eslint-plugin-flowtype": "2.18.1",
    "eslint-plugin-import": "1.12.0",
    "eslint-plugin-jsx-a11y": "2.2.2",
    "eslint-plugin-react": "5.2.2",
    "flow-bin": "^0.34.0",
    "react-scripts": "0.7.0"
  },
  "dependencies": {
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "recompose": "^0.20.2",
    "styled-components": "^1.0.10"
  }

Here are the errors:

node_modules/styled-components/src/models/InlineStyle.js:3
  3: import camelizeStyleName from 'fbjs/lib/camelizeStyleName'
                                   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ fbjs/lib/camelizeStyleName. Required module not found

node_modules/styled-components/src/models/InlineStyle.js:5
  5: import { StyleSheet } from 'react-native'
                                ^^^^^^^^^^^^^^ react-native. Required module not found

node_modules/styled-components/src/native/index.js:4
  4: import reactNative from 'react-native'
                             ^^^^^^^^^^^^^^ react-native. Required module not found

node_modules/styled-components/src/utils/flatten.js:2
  2: import hyphenate from 'fbjs/lib/hyphenateStyleName'
                           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ fbjs/lib/hyphenateStyleName. Required module not found

[msmfsd]

OK this was not a create-react-app specific issue. I just followed the flow-support docs as recommended by @ryyppy - thanks all 👍

[ryyppy]

You need to ignore the styled-components/src directory, as stated in our flow-support docs…

Add following ignore rule in your .flowconfig:

[ignore]
# We vendor our src directory, which is not needed for type-checking
.*/styled-components/src/.*

@mxstbr Is there a reason why styled-components needs to deliver the src content in the npm package?