[New] jsx-sort-props: add className to RESERVED_PROPS_LIST

Author: saimonkat

docs/rules/jsx-sort-props.md

@@ -122,15 +122,15 @@ When `true`, alphabetical order is **not** enforced:
 
 This can be a boolean or an array option.
 
-When `reservedFirst` is defined, React reserved props (`children`, `dangerouslySetInnerHTML` - **only for DOM components**, `key`, and `ref`) must be listed before all other props, but still respecting the alphabetical order:
+When `reservedFirst` is defined, React reserved props (`children`, `dangerouslySetInnerHTML` - **only for DOM components**, `key`, and `ref`) or `className` must be listed before all other props, but still respecting the alphabetical order:
 
 ```jsx
 <Hello key={0} ref={johnRef} name="John">
   <div dangerouslySetInnerHTML={{__html: 'ESLint Plugin React!'}} ref={dangerDivRef} />
 </Hello>
 ```
 
-If given as an array, the array's values will override the default list of reserved props. **Note**: the values in the array may only be a **subset** of React reserved props.
+If given as an array, the array's values will override the default list of reserved props. **Note**: the values in the array may only be a **subset** of React reserved props or `className`.
 
 With `reservedFirst: ["key"]`, the following will **not** warn:
 

lib/rules/jsx-sort-props.js

@@ -43,6 +43,7 @@ const RESERVED_PROPS_LIST = [
   'dangerouslySetInnerHTML',
   'key',
   'ref',
+  'className',
 ];
 
 function isReservedPropName(name, list) {