How to use the apollo-boost.gql function in apollo-boost

const LambdaDemo = () => (
  
    
      {({ data }) => {
        console.log("dogQuery", dogQuery);
        const DATA = dogQuery(data); // creates a blade
        return (
          <div>
            A greeting from the server: {DATA.hello}
            <br>
            <img src="{DATA.dogPhotoUrl}" alt="dog">
          </div>
        );
      }}
    
  
);

import { gql } from 'apollo-boost';
/**
 * Queries
 */

export var ATTACHMENT_QUERY = gql(_templateObject());
export var PAGE_QUERY = gql(_templateObject2());
export var PAGE_BY_QUERY = gql(_templateObject3());
export var POST_COMMENTS_QUERY = gql(_templateObject4());
export var POST_QUERY = gql(_templateObject5());
export var POST_BY_QUERY = gql(_templateObject6());
/**
 * Mutations
 */

export var DELETE_COMMENT_MUTATION = gql(_templateObject7());
export var NEW_COMMENT_MUTATION = gql(_templateObject8());
export var UPDATE_COMMENT_MUTATION = gql(_templateObject9());

return data;
}

/**
 * Post-Type Queries and Mutations
 */
import { gql } from 'apollo-boost';
/**
 * Queries
 */

export var ATTACHMENT_QUERY = gql(_templateObject());
export var PAGE_QUERY = gql(_templateObject2());
export var PAGE_BY_QUERY = gql(_templateObject3());
export var POST_COMMENTS_QUERY = gql(_templateObject4());
export var POST_QUERY = gql(_templateObject5());
export var POST_BY_QUERY = gql(_templateObject6());
/**
 * Mutations
 */

export var DELETE_COMMENT_MUTATION = gql(_templateObject7());
export var NEW_COMMENT_MUTATION = gql(_templateObject8());
export var UPDATE_COMMENT_MUTATION = gql(_templateObject9());

import _taggedTemplateLiteral from "/home/geoff/Dev/web/wp-graphql-composer/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  query HeaderQuery {\n    allSettings {\n      generalSettingsTitle\n      generalSettingsDescription\n      homeUrl\n    }\n\n    themeMods {\n      customLogo\n    }\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import { gql } from 'apollo-boost';
export var HEADER_QUERY = gql(_templateObject());

};

  return data;
}

/**
 * Post-Type Queries and Mutations
 */
import { gql } from 'apollo-boost';
/**
 * Queries
 */

export var ATTACHMENT_QUERY = gql(_templateObject());
export var PAGE_QUERY = gql(_templateObject2());
export var PAGE_BY_QUERY = gql(_templateObject3());
export var POST_COMMENTS_QUERY = gql(_templateObject4());
export var POST_QUERY = gql(_templateObject5());
export var POST_BY_QUERY = gql(_templateObject6());
/**
 * Mutations
 */

export var DELETE_COMMENT_MUTATION = gql(_templateObject7());
export var NEW_COMMENT_MUTATION = gql(_templateObject8());
export var UPDATE_COMMENT_MUTATION = gql(_templateObject9());

* Queries
 */

export var ATTACHMENT_QUERY = gql(_templateObject());
export var PAGE_QUERY = gql(_templateObject2());
export var PAGE_BY_QUERY = gql(_templateObject3());
export var POST_COMMENTS_QUERY = gql(_templateObject4());
export var POST_QUERY = gql(_templateObject5());
export var POST_BY_QUERY = gql(_templateObject6());
/**
 * Mutations
 */

export var DELETE_COMMENT_MUTATION = gql(_templateObject7());
export var NEW_COMMENT_MUTATION = gql(_templateObject8());
export var UPDATE_COMMENT_MUTATION = gql(_templateObject9());

_templateObject = function _templateObject() {
    return data;
  };

  return data;
}

/**
 * Post-Type Queries and Mutations
 */
import { gql } from 'apollo-boost';
/**
 * Queries
 */

export var ATTACHMENT_QUERY = gql(_templateObject());
export var PAGE_QUERY = gql(_templateObject2());
export var PAGE_BY_QUERY = gql(_templateObject3());
export var POST_COMMENTS_QUERY = gql(_templateObject4());
export var POST_QUERY = gql(_templateObject5());
export var POST_BY_QUERY = gql(_templateObject6());
/**
 * Mutations
 */

export var DELETE_COMMENT_MUTATION = gql(_templateObject7());
export var NEW_COMMENT_MUTATION = gql(_templateObject8());
export var UPDATE_COMMENT_MUTATION = gql(_templateObject9());

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  query MenuQuery($id: ID!){\n    menu(id: $id) {\n      id\n      slug\n      menuItems{\n\t\t\t\tnodes {\n          id\n          menuItemId\n          url\n          label\n          cssClasses\n          description\n        }\n      }\n    }\n    generalSettings {\n      url\n    }\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

/**
 * Menu Queries
 */
import { gql } from 'apollo-boost';
export var MENU_QUERY = gql(_templateObject());
export var MENU_WHERE_QUERY = gql(_templateObject2());
export var MENU_ITEM_QUERY = gql(_templateObject3());

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  query MenuQuery($id: ID!){\n    menu(id: $id) {\n      id\n      slug\n      menuItems{\n\t\t\t\tnodes {\n          id\n          menuItemId\n          url\n          label\n          cssClasses\n          description\n        }\n      }\n    }\n    generalSettings {\n      url\n    }\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

/**
 * Menu Queries
 */
import { gql } from 'apollo-boost';
export var MENU_QUERY = gql(_templateObject());
export var MENU_WHERE_QUERY = gql(_templateObject2());
export var MENU_ITEM_QUERY = gql(_templateObject3());