const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: authLink.concat(httpLink),
});

make gql-codegen

import { gql } from "@apollo/client";

export const fetchMeQuery = gql`
  query FetchMe {
    me {
      user {
        id
      }
    }
  }
`;

import { useFetchMeQuery } from "apps/portal/src/gql/hooks";

const { data, loading, error } = useFetchMeQuery();

import { gql } from "@apollo/client";

export const fetchMyWidgetQuery = gql`
  query FetchMyWidget {
    me {
      user {
        id
      }
    }
  }
`;

make gql-codegen

import { useFetchMyWidgetQuery } from "apps/portal/src/gql/hooks";

export const MyWidget = () => {
  const { data, loading, error } = useFetchMyWidgetQuery();

  if (loading) return null;
  if (error) return null;

  return <div>{data?.me?.user?.id}</div>;
};

<Route path="admin" element={<AdminLayout />}>
  <Route path="settings" element={<AdminSettings />} />
</Route>

make test module=portal