Do not export the use GraphQL hook at the top level

Author: Kevnz

src/index.js

@@ -6,7 +6,7 @@ import useEventListener from './use-event-listener'
 import useFavicon from './use-favicon'
 import useFetch from './use-fetch'
 import useGet from './use-get'
-import useGraphQL, { useQuery } from './use-graphql'
+import { useQuery } from './use-query'
 import useKeypressed from './use-keypressed'
 import useKeypress from './use-keypress'
 import useLocalStorage from './use-local-storage'
@@ -33,7 +33,6 @@ export {
   useFavicon,
   useFetch,
   useGet,
-  useGraphQL,
   useKeypressed,
   useKeypress,
   useLocalStorage,

src/use-graphql.js

@@ -1,7 +1,6 @@
 import { GraphQLClient } from 'graphql-request'
 import { useEffect, useReducer } from 'react'
-import { useRequest } from './use-request'
-import { mergeDeep } from './utils/merge-deep'
+
 const reducer = (state, action) => {
   switch (action.type) {
     case 'get':
@@ -67,44 +66,3 @@ const useGraphQL = function(url, query, variables = {}, options = {}) {
 
 export { useGraphQL }
 export default useGraphQL
-
-const defaultConfig = {
-  method: 'POST',
-  mode: 'cors',
-  cache: 'no-cache',
-  credentials: 'same-origin',
-  headers: {
-    'Content-Type': 'application/json',
-  },
-  redirect: 'follow',
-  referrer: 'no-referrer',
-}
-
-export const useQuery = (
-  url = '/graphql',
-  query,
-  config = {
-    method: 'POST',
-  }
-) => {
-  const { makeRequest, ...props } = useRequest(url, {
-    data: null,
-    error: null,
-    loading: false,
-  })
-  const fullConfig = mergeDeep(defaultConfig, config)
-
-  /**
-   * postData - Post data to url
-   *
-   * @param {object} data - the data to post
-   */
-  const makeQuery = async variables => {
-    await makeRequest({
-      ...fullConfig,
-      body: JSON.stringify({ query, variables }),
-    })
-  }
-
-  return { makeQuery, ...props }
-}

src/use-query.js

@@ -0,0 +1,42 @@
+import { useRequest } from './use-request'
+import { mergeDeep } from './utils/merge-deep'
+const defaultConfig = {
+  method: 'POST',
+  mode: 'cors',
+  cache: 'no-cache',
+  credentials: 'same-origin',
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  redirect: 'follow',
+  referrer: 'no-referrer',
+}
+
+export const useQuery = (
+  url = '/graphql',
+  query,
+  config = {
+    method: 'POST',
+  }
+) => {
+  const { makeRequest, ...props } = useRequest(url, {
+    data: null,
+    error: null,
+    loading: false,
+  })
+  const fullConfig = mergeDeep(defaultConfig, config)
+
+  /**
+   * postData - Post data to url
+   *
+   * @param {object} data - the data to post
+   */
+  const makeQuery = async variables => {
+    await makeRequest({
+      ...fullConfig,
+      body: JSON.stringify({ query, variables }),
+    })
+  }
+
+  return { makeQuery, ...props }
+}