Apollo Client gql error Синтаксическая ошибка при запросе импорта

Question

Я хочу, чтобы все мои запросы GraphQL были в одном файле внутри моего компонента, а затем импортировать запросы, когда мне это нужно, но при импорте выдает сообщение об ошибке: "Синтаксическая ошибка: ожидаемое имя найдено {"

запросов. js

const WHOAMI = gql`
  query {
    whoami {
      id
      user_name
      first_name
      last_name
      session_id
      email1
      related_roles {
        name
      }
    }
  }
`;

export { WHOAMI };

UserPage. js

import { WHOAMI } from "./queries";