try

Author: Enflow-io

dist/schema.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "dev": "webpack-dev-server --hot --open",
-    "fetch-schema": "graphql-js-schema-fetch http://localhost:4000/graphql > dist/schema.json",
+    "fetch-schema": "graphql-js-schema-fetch https://api.graph.cool/relay/v1/cj07pfjjj1nbq0148rutjhxd5 > dist/schema.json",
     "relay": "relay-compiler --src ./src --schema ./dist/schema.json"
   },
   "repository": {

package.json

@@ -4,7 +4,6 @@ import {
   QueryRenderer
 } from 'react-relay'
 import Layout from './Layout'
-import WidgetList from './WidgetList'
 
 export default class App extends Component {
   render() {

src/Components/App.js

@@ -23,9 +23,10 @@ class Layout extends Component {
 
 const layoutContainer = createFragmentContainer(Layout, {
   viewer: graphql`
-    fragment Layout_viewer on User {
-      id
-      name
+    fragment Layout_viewer on Viewer {
+      Post(id: "cj8kjyidn2odi0136i8v87a2a"){
+        name
+      }
     }
   `
 })

src/Components/Layout.js

@@ -12,15 +12,18 @@ function fetchQuery(
   cacheConfig,
   uploadables
 ) {
-  return fetch('/graphql', {
+  return fetch('https://api.graph.cool/relay/v1/cj07pfjjj1nbq0148rutjhxd5', {
     method: 'POST',
     headers: {
       'Accept': 'application/json',
-      'Content-Type': 'application/graphql',
+      'Content-Type': 'application/json',
     },
-    body: operation.text
+    body: JSON.stringify({query: operation.text})
   }).then(response => {
     return response.json();
+  }).then(data=>{
+    debugger;
+    return data;
   });
 }
 

src/Components/WidgetList.js

@@ -4,20 +4,42 @@ import queryMiddleware from 'farce/lib/queryMiddleware'
 import createFarceRouter from 'found/lib/createFarceRouter'
 import createRender from 'found/lib/createRender'
 import {Resolver} from 'found-relay'
+import {graphql} from 'react-relay'
 
 import Routes from './Routes'
 import environment from './Environment'
 
 const FarceRouter = createFarceRouter({
   historyProtocol: new BrowserProtocol(),
   historyMiddlewares: [queryMiddleware],
-  routeConfig: Routes,
+  routeConfig: [{
+    path: '/',
+    query: graphql`
+         query Router_Query {
+          viewer {
+            Post(id: "cj8kjyidn2odi0136i8v87a2a"){
+              name
+              id
+            }
+          }
+        }
+        `,
+    render: (data) => {
+      debugger;
+      // if (resolving && props) {
+      //   throw new RedirectException(`/${props.widget.name}`);
+      // }
+
+      return null;
+    },
+  }],
+  resolver: new Resolver(environment),
   render: createRender({}),
-})
+});
 
 export default class Router extends Component {
   render() {
-    return(
+    return (
       <FarceRouter resolver={new Resolver(environment)}/>
     )
   }

src/Components/__generated__/Layout_viewer.graphql.js

@@ -6,13 +6,19 @@ import {graphql} from 'react-relay'
 import App from './Components/App'
 
 const query = graphql`
-query routes_App_Query {
+query Routes_App_Query {
   viewer {
     ...Layout_viewer
-    ...WidgetList_viewer
   }
 }`
 
 export default makeRouteConfig(
-  <Route path="/" Component={App} query={query} />,
+  <Route path="/" Component={App} query={query} render={ (data) => {
+    debugger;
+    if (resolving && props) {
+      throw new RedirectException(`/${props.widget.name}`);
+    }
+
+    return null;}
+  } />,
 )