fix(apollo-vertex): remove ssr false for shell template

Author: alincadariu

apps/apollo-vertex/registry/shell/shell-auth-provider.tsx

@@ -1,4 +1,4 @@
-import { useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { jwtDecode } from "jwt-decode";
 import {
   createContext,
@@ -69,13 +69,14 @@ interface UseAccessTokenProps {
 export const useAccessToken = ({ clientId, baseUrl }: UseAccessTokenProps) => {
   const queryClient = useQueryClient();
 
-  const { data: token } = useSuspenseQuery({
+  const { data: token } = useQuery({
     queryKey: TOKEN_QUERY_KEY,
     queryFn: async () => await ensureValidToken(queryClient, clientId, baseUrl),
     refetchInterval: 60 * 1000,
+    enabled: typeof window !== "undefined",
   });
 
-  return token;
+  return token ?? null;
 };
 
 interface ShellAuthProviderProps {

apps/apollo-vertex/templates/ShellTemplate.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import dynamic from "next/dynamic";
 import { ApolloShell } from "@/registry/shell/shell";
 
 interface ShellTemplateWithAuthProps {
@@ -10,9 +9,7 @@ interface ShellTemplateWithAuthProps {
 const queryClient = new QueryClient();
 
 const baseUrl = typeof window === "undefined" ? "" : window.location.origin;
-export function ShellTemplateComponent({
-  variant,
-}: ShellTemplateWithAuthProps) {
+export function ShellTemplate({ variant }: ShellTemplateWithAuthProps) {
   return (
     <QueryClientProvider client={queryClient}>
       <ApolloShell
@@ -28,12 +25,3 @@ export function ShellTemplateComponent({
     </QueryClientProvider>
   );
 }
-
-export const ShellTemplate = dynamic(
-  () => {
-    return Promise.resolve(ShellTemplateComponent);
-  },
-  {
-    ssr: false,
-  },
-);