graphql-code-generator: Unable to use with create-react-app

Describe the bug I generated a react app with create-react-app 3.0. This has a predefined ESLint config which uses the ‘import/first’ rule. This defines that imports must always be a the top of the file. But the generated code that I get from graphql-code-generator contains imports that are in the middle of the file. Therefore the app can not compile.

To Reproduce Steps to reproduce the behavior:

1. My GraphQL schema:

Not really relevant

1. My GraphQL operations:

Not really relevant

1. My codegen.yml config file:

schema: http://localhost:8080/graphql
documents:
  - ./src/**/*.tsx
  - ./src/**/*.ts
overwrite: true
generates:
  ./src/types.d.tsx:
    plugins:
      - typescript-common
      - typescript-client
      - typescript-react-apollo
    config:
      withHooks: true
      withHOC: false
      withComponent: false

Expected behavior I expect the import statements to be at the top of the file.

Environment:

• OS: MacOs
• @graphql-codegen/...: 1.1.1
• NodeJS:

Additional context Part of the generated code that is wrong:

// ====================================================
// Documents
// ====================================================

export namespace Login {
  export type Variables = {
    email: string;
    password: string;
  };

  export type Mutation = {
    __typename?: "Mutation";

    login: Maybe<Login>;
  };

  export type Login = {
    __typename?: "LoginOutput";

    user: Maybe<User>;
  };

  export type User = {
    __typename?: "User";

    id: string;
  };
}

import gql from "graphql-tag"; // <-----------
import * as ReactApolloHooks from "react-apollo-hooks"; // <-----------
export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

export const LoginDocument = gql`
  mutation login($email: String!, $password: String!) {
    login(input: { email: $email, password: $password }) {
      user {
        id
      }
    }
  }
`;