How to navigate programmaticaly on issue-tracker

[renanmav]

Let’s say that my Root.jsis a top-level wrapper responsible to fetch something like this:

query RootQuery {
  me {
    id
  }
}

So, if me exists, I would like to forward the nested routes, but if I don’t have me, means that the user isn’t logged, so would like to redirect him/her.

How can I implement a programmaticaly navigation on issue-tracker?

[sibelius]

try this useAuth hook approach https://gist.github.com/sibelius/d4e04e2bc3624e8e61562ec2f66d4b17

if you have nested routes, you gonna have something like this:

{
    component: JSResource('Root', () => import('./components/feed/Root')),
    path: '/',
    exact: false,
    prepare: () => {
      const RootQuery = require('./components/feed/__generated__/RootQuery.graphql');

      return {
        rootQuery: preloadQuery(
          Environment,
          RootQuery,
          {},
          {
            fetchPolicy: 'network-only',
          },
        ),
      };
    },
    routes: [
      {
        path: '/',
        exact: true,
        component: JSResource('Feed', () => import('./components/feed/Feed')),
        prepare: () => {
          const FeedQuery = require('./components/feed/__generated__/FeedQuery.graphql');

          return {
            feedQuery: preloadQuery(
              Environment,
              FeedQuery,
              {},
              {
                fetchPolicy: 'store-or-network',
              },
            ),
          };
        },
      },
}

Only render children routes on Root.js, if user can see that