Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork2.8k
Open
Labels
Description
Is there an existing issue for this?
- I have searched the existing issues and my issue is unique
- My issue appears in the command-line and not only in the text editor
Description Overview
Reproduction:
constProblematicComponent:React.FC=()=>{return(<divonClick={()=>console.log()}// CommentclassName={'flex'}><span>Problematic Component</span></div>)}
Actual behavior:
eslintupdates the file to
constProblematicComponent:React.FC=()=>{return(<divclassName={'flex'}onClick={()=>console.log()}// Comment><span>Problematic Component</span></div>)}exportdefaultProblematicComponent
and multiple errors pop up, like
JSX expressions must have one parent element. ts (2657)and
Parsing error: Identifier expected. eslintESLint config:
{"plugins": ["react"],"rules": {"react/jsx-sort-props": ["error"] }}Expected Behavior
Expected behavior:
- No autofix corruption or mis-sorting.
- Comment should remain properly attached to
onClick.
eslint-plugin-react version
^7.34.2
eslint version
^8.40.0
node version
v22.16.0