when the query is configured in polling the loading is set to false in the next function

examples/relay-hook-example/todo/js/app.js

@@ -15,7 +15,7 @@
 
 import * as React from 'react';
 
-import {useState} from 'react';
+import { useState } from 'react';
 
 //import {useLazyLoadQuery, RelayEnvironmentProvider} from 'react-relay/hooks';
 
@@ -31,15 +31,16 @@ import {
   Store,
   type RequestNode,
   type Variables,
+  Observable
 } from 'relay-runtime';
 
-import TodoApp, {fragmentSpec} from './components/TodoApp';
+import TodoApp, { fragmentSpec } from './components/TodoApp';
 //import { useQuery, RelayEnvironmentProvider } from 'relay-hooks';
 
 import TodoTextInput from './components/TodoTextInput';
-import type {appQueryResponse} from 'relay/appQuery.graphql';
+import type { appQueryResponse } from 'relay/appQuery.graphql';
 import QueryApp from './query/QueryApp';
-
+/*
 async function fetchQuery(
   operation: RequestNode,
   variables: Variables,
@@ -56,14 +57,41 @@ async function fetchQuery(
   });
 
   return response.json();
+}*/
+
+function fetchQuery(
+  operation,
+  variables,
+) {
+  return Observable.create((sink) => {
+    fetch('http://localhost:3000/graphql', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        query: operation.text,
+        variables,
+      }),
+    })
+      .then(response => response.json())
+      .then(data => {
+        if (data.errors) {
+          sink.error(data.errors);
+          return
+        }
+        sink.next(data);
+        sink.complete();
+      });
+  })
 }
 
 const modernEnvironment: Environment = new Environment({
   network: Network.create(fetchQuery),
   store: new Store(new RecordSource()),
 });
 
-const AppTodo = function(appProps) {
+const AppTodo = function (appProps) {
   const [userId, setUserId] = useState('me');
 
   console.log('renderer apptodo', userId);
@@ -110,19 +138,21 @@ const AppTodo = function(appProps) {
 };
 const isServer = typeof window === 'undefined';
 const skip = isServer;
-const LayoutTodo = ({userId}) => {
+const LayoutTodo = ({ userId }) => {
   console.log('LayoutTodo', userId, isServer);
-  const {data, retry, error, isLoading} = useQuery(
+  const { data, retry, error, isLoading } = useQuery(
     QueryApp,
-    {userId},
+    { userId },
     {
       fetchPolicy: 'store-or-network',
-      skip
+      skip,
+      networkCacheConfig: { force: true, poll: isServer ? undefined : 1 * 60 * 1000 }
     },
   );
 
-  if(isLoading || skip) {
-    console.log('loading', isLoading, skip);
+  console.log('loading', isLoading, skip);
+  if (isLoading || skip) {
+
     return <div>loading</div>
   } else if (error) {
     return (
@@ -140,7 +170,7 @@ const LayoutTodo = ({userId}) => {
 
 const App = (
   <RelayEnvironmentProvider environment={modernEnvironment}>
-      <AppTodo />
+    <AppTodo />
   </RelayEnvironmentProvider>
 );
 

src/FetchResolver.ts

@@ -171,6 +171,7 @@ export function fetchResolver({
                 next: () => {
                     const store = environment.lookup(operation.fragment);
                     promise = null;
+                    operation.request.cacheConfig?.poll && updateLoading(false);
                     resolveNetworkPromise();
                     onNext(operation, store);
                 },