nwrichmond / gatsby-plugin-graphql-loader Goto Github PK

Need to explain how to install and use this package in a Gatsby project.

Following the tutorial on the gatsby website for gatsby-plugin-graphql-loader

Trying

import query = require("./query.gql")

or

import query from "./query.gql"

And have my corresponding ./query.gql file in the same folder

query HeaderQuery {
    allImageSharp(filter: {id: {eq: "some-id"}}) {
        edges {
            node {
                sizes {
                    sizes
                    srcSet
                    src
                    aspectRatio
                }
            }
        }
    }
}

and

  plugins: [
      ...       
      `gatsby-plugin-graphql-loader`
      ...
  ],

in my gatsby-config.js

Note: I am not using import { useQuery } from "@apollo/react-hooks"; because I just wanted to use useStaticQuery( query ). Is Apollo necessary or is useStaticQuery fine?