title: Prettier react/jsx-max-props-per-line format with VSCode
body: <p>I use Prettier in JavaScript project with React. All my component props is formated in 1 line :</p>
  
  <p><code>&lt;Icon icon="arrow-left" width={15} height={18} /&gt;</code></p>
  
  <p>And i would like this :</p>
  
  <pre><code>&lt;Icon
    icon="arrow-left"
    width={15}
    height={18}
  /&gt;
  </code></pre>
  
  <p>I've add <code>"react/jsx-max-props-per-line": [1, { "when": "multiline" }]</code> to my .prettierrc, but no result.</p>
  
  <p>I've an ESLint config too, with this rules :</p>
  
  <pre><code>{
    "extends": [
      "eslint:recommended",
      "plugin:react/recommended",
      "plugin:prettier/recommended"
    ],
    "plugins": ["react", "prettier", "standard"],
    "rules": {
      "indent": [2, 2, { "SwitchCase": 1 }],
      "quotes": [2, "single"],
      "linebreak-style": [2, "unix"],
      "semi": [2, "always"],
      "no-console": [0],
      "no-loop-func": [0],
      "new-cap": [0],
      "no-trailing-spaces": [0],
      "no-param-reassign": [0],
      "func-names": [0],
      "comma-dangle": [0],
      "no-unused-expressions": [0],
      "block-scoped-var": [0],
      "react/prop-types": [0],
      "prettier/prettier": "error"
    }
  }
  </code></pre>
  
  <p>My .prettier file config :</p>
  
  <pre><code>  "bracketSpacing": true,
    "jsxBracketSameLine": true,
    "printWidth": 80,
    "singleQuote": true,
    "trailingComma": "all",
    "tabWidth": 2,
    "useTabs": false,
    "react/jsx-max-props-per-line": [1, { "when": "always" }]
  </code></pre>
  
  <p>Maybe a conflict ? I've try to move the <code>react/jsx-max-props-per-line</code> to ESLint rules, but no result too. No change.</p>
  
  <p>Anyone can help me ?</p>