Жалобы на запросы GraphQL в нестраничном компоненте для сайта GatsbyJS

Я пытаюсь добавить новый шаблон в Гэтсби-стартер-герой-блог, но мой запрос GraphQL для нового шаблона отклоняется:

warning The GraphQL query in the non-page component 
"/Users/mc/workspaces/mc/src/templates/NoteBookTemplate.js" will not be run.
Queries are only executed for Page or Layout components. Instead of a query,
co-locate a GraphQL fragment and compose that fragment into the query (or other
fragment) of the top-level page or layout that renders this component. 
For more
info on fragments and composition see: 
http://graphql.org/learn/queries/#fragments

Структура папок такова:

--src
  --components
  --images
  --pages
  --templates
    --CategoryTemplate.js
    --NotebookTemplate.js
    --PageTemplate.js
    --PostTemplate.js     
  --theme
  --utils

NotebookTemplate.js - это новый шаблон, который я добавляю (для рендеринга записных книжек Jupyter с использованием плагина Nteract Gatsby).

Синтаксис моего добавленного шаблона запроса идентичен синтаксису других шаблонов (и у меня есть образец записной книжки в содержимом, которое отображается в GraphiQL).

export const query = graphql`
  query NotebookQuery($slug: String!) {
    jupyterNotebook(fields: { slug: { eq: $slug } }) {
      html
      internal {
        content
      }
    }
  }
` 

Я даже попытался создать шаблон barebones с простым запросом, отражающим один из других шаблонов (даже попробовав точную копию шаблона с измененными именами компонентов), и все еще получаю то же предупреждение (и, следовательно, отсутствие рендеринга записной книжки. Например, , у PageTemplate.js есть следующий запрос (который не вызывает жалоб на сборку gatsby).

export const pageQuery = graphql`
  query PageByPath($slug: String!) {
    page: markdownRemark(fields: { slug: { eq: $slug } }) {
      id
      html
      frontmatter {
        title
      }
    }
    site {
      siteMetadata {
        facebook {
          appId
        }
      }
    }
  }
`;

Почему эти запросы в файлах, которых нет на страницах или в папке макета, также не вызывают эту ошибку? Есть ли другой файл, который позволяет обходное решение? FWIW, это фактический шаблон, который я пытаюсь реализовать.

import React from 'react'
import PropTypes from "prop-types";
import 'katex/dist/katex.min.css'
import { ThemeContext } from "../layouts";

const NotebookTemplate = ({ data }) => {
  const post = data.jupyterNotebook
  const notebookJSON = JSON.parse(post.internal.content)
  return (
    <React.Fragment>
        <p>
          This notebook is displayed in the <strong>client-side</strong> using
          react component
          <code>NotebookPreview</code>
          from
          <a href = "https://github.com/nteract/nteract/tree/master/packages/notebook-preview">
            <code>@nteract/notebook-preview</code>.
          </a>
        </p>
        <NotebookPreview notebook = {notebookJSON} />
    </React.Fragment>
  );
};

NotebookTemplate.propTypes = {
  data: PropTypes.object.isRequired
};

export default NotebookTemplate;

export const query = graphql`
  query NotebookQuery($slug: String!) {
    jupyterNotebook(fields: { slug: { eq: $slug } }) {
      html
      internal {
        content
      }
    }
  }
`;