Closed
Description
Here's a repo that demonstrates this issue.
Versions:
eslint: 3.14.1eslint-plugin-react: 6.9.0
Config:
{
"plugins": [
"react"
],
"parserOptions": {
"ecmaVersion": 6,
"ecmaFeatures": {
"jsx": true
}
},
"rules": {
"react/jsx-indent": ["error", "tab"],
"indent": ["error", "tab"],
}
}Input:
const React = require('react')
module.exports = MyComponent
function MyComponent(props) {
return (
<div
className="foo-bar"
id="thing"
>
Hello world!
</div>
)
}lint output:
<path>/jsx-indent-bug/index.js
5:3 error Expected indentation of 1 tab but found 2 spaces indent
6:5 error Expected indentation of 1 tab character but found 0 react/jsx-indent
--fixed file:
const React = require('react')
module.exports = MyComponent
function MyComponent(props) {
return (
<div
className="foo-bar"
id="thing"
>
Hello world!
</div>
)
}After the --fix, there are no more linting errors. However this is clearly not indenting lines 7-11 properly.
I'll start working on a PR. I'm pretty sure I can make a failing test, but I'm not certain how I'd fix the issue. Any tips appreciated!