make some changes to fix NextJS error (vercel/next.js#8617)

.gitignore

@@ -102,7 +102,3 @@ dist
 
 # TernJS port file
 .tern-port
-
-# Relay
-__generated__/
-schemas/schema.graphql

components/Item.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useState, useContext } from "react";
 import { ListGroupItem } from "reactstrap";
-import ItemQuery from "../queries/ItemQuery";
+import ItemQuery, { ItemQueryRenderer } from "../queries/itemQuery";
 
 const Item = ({ item, isSelected, onClick }) => (
   <ListGroupItem
@@ -12,7 +12,7 @@ const Item = ({ item, isSelected, onClick }) => (
   >
     {item.name}
     {isSelected && (
-      <ItemQuery gtfsId={item.gtfsId}>
+      <ItemQueryRenderer gtfsId={item.gtfsId}>
         {({ error, props }) => {
           if (error) {
             return <div>An error occured: "{error.message}"</div>;
@@ -26,7 +26,7 @@ const Item = ({ item, isSelected, onClick }) => (
             <div>&nbsp;&nbsp;&nbsp;# Timezone: {props.agency.timezone}</div>
           );
         }}
-      </ItemQuery>
+      </ItemQueryRenderer>
     )}
   </ListGroupItem>
 );

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "dev": "npm run relay && next",
-    "build": "npm run relay && next build",
+    "build": "next build",
     "start": "next start",
     "relay": "npm run relay:schema && npm run relay:compile",
     "relay:compile": "relay-compiler",

pages/index.js

@@ -4,14 +4,7 @@ import { ReactRelayContext } from "react-relay";
 import { Button, Jumbotron } from "reactstrap";
 import { withData } from "../relay/withData";
 import ItemsContainer from "../containers/ItemsContainer";
-
-const rootQuery = graphql`
-  query pagesRootQuery {
-    agencies {
-      ...ItemsContainer_items
-    }
-  }
-`;
+import { rootQuery } from "../queries/rootQuery";
 
 const IndexPage = ({ agencies, operationToRetain }) => {
   const { environment } = useContext(ReactRelayContext);

queries/ItemQuery.js

@@ -2,8 +2,8 @@ import React, { useContext } from "react";
 import { QueryRenderer, ReactRelayContext } from "react-relay";
 import graphql from "babel-plugin-relay/macro";
 
-const query = graphql`
-  query ItemQuery($id: String!) {
+export const itemQuery = graphql`
+  query itemQueryQuery($id: String!) {
     agency(id: $id) {
       id
       phone
@@ -13,19 +13,17 @@ const query = graphql`
   }
 `;
 
-const ItemQuery = ({ children, gtfsId: id }) => {
+export const ItemQueryRenderer = ({ children, gtfsId: id }) => {
   const { environment } = useContext(ReactRelayContext);
 
   return (
     <QueryRenderer
       environment={environment}
-      query={query}
+      query={itemQuery}
       render={children}
       variables={{
         id
       }}
     />
   );
 };
-
-export default ItemQuery;