title: tslint - Import sources within a group must be alphabetized
body: <p>I am using a <code>create-react-app</code> setup with <code>custom-react-scripts-ts</code>.</p>
  
  <p>This is my component:</p>
  
  <pre><code>import * as React from "react";
  import "./App.css"; // reset.css
  
  import ErrorsContainer from "./components/Error/Container";
  import Header from "./components/Header";
  import { initStores } from "./stores";
  import { Provider } from "mobx-react";
  import typography from "./utils/typography";
  
  // font styles
  typography.injectStyles();
  
  class App extends React.Component {
    public onErrorDismiss = () =&gt; {
      return null;
    };
  
    public render() {
      return (
        &lt;Provider {...initStores()}&gt;
          &lt;div className="App"&gt;
            &lt;Header foo="string" /&gt;
            &lt;ErrorsContainer /&gt;
          &lt;/div&gt;
        &lt;/Provider&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>This is the failed to compile error I am getting:</p>
  
  <blockquote>
    <p>(7,1): Import sources within a group must be alphabetized.</p>
  </blockquote>
  
  <p>This is the <code>tslint.json</code> file I am using:</p>
  
  <pre><code>{
    "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
    "linterOptions": {
      "exclude": [
        "config/**/*.js",
        "node_modules/**/*.ts",
        "coverage/lcov-report/*.js"
      ]
    },
    "rules": {
      "interface-name": [true, "never-prefix"]
    }
  }
  </code></pre>
  
  <p>As far as I can tell the order of the imports is OK. Why is this failing to compile?</p>