Pages.js

import React from 'react';
import Prismic from 'prismic.io';


export default class Pages extends React.Component {

    state = {
        doc: null,
        notFound: false,
    }


  componentWillReceiveProps(props) {
    const api = props.prismicCtx.api;

    api.form('everything')
      .ref(api.master())
      .query(Prismic.Predicates.at("document.type", "page"))
      .submit( (err, response) => {
          if(err) {
            this.setState({ notFound: true });
            return;
          }

          const doc = response.results;
          this.setState({ doc });
      });
    }

    render() {
        if (this.state.doc) {
            return (
                <div className="container">
                   <h1> Pages content ....</h1>
                </div>
            );
        } else if (this.state.notFound) {
            return <div> <h2> 404  P Not found </h2></div>;
        }
        return <h1>Loading Pages</h1>;
    }
}