Enable eagerAuth for immediate access token availability (#11)

* optimize template to use eagerAuth feature

* update to authkit-nextjs v2.7.0

Author: nicknisi

components/ConvexClientProvider.tsx

@@ -19,14 +19,11 @@ export function ConvexClientProvider({ children }: { children: ReactNode }) {
 }
 
 function useAuthFromAuthKit() {
-  const { user, loading } = useAuth();
+  const { user, loading: isLoading } = useAuth();
   const { accessToken, getAccessToken, refresh } = useAccessToken();
 
-  const hasIncompleteAuth = (!!user && !accessToken) || (!user && !!accessToken);
-  const isLoading = loading || hasIncompleteAuth;
   const authenticated = !!user && !!accessToken;
 
-  // Create a stable fetchAccessToken function
   const fetchAccessToken = useCallback(
     async ({ forceRefreshToken }: { forceRefreshToken?: boolean } = {}): Promise<string | null> => {
       if (!user) {

middleware.ts

@@ -1,6 +1,7 @@
 import { authkitMiddleware } from '@workos-inc/authkit-nextjs';
 
 export default authkitMiddleware({
+  eagerAuth: true,
   middlewareAuth: {
     enabled: true,
     unauthenticatedPaths: ['/', '/sign-in', '/sign-up'],

package.json

@@ -22,8 +22,8 @@
     "format": "prettier --write ."
   },
   "dependencies": {
-    "@workos-inc/authkit-nextjs": "^2.6.0",
-    "convex": "^1.26.2",
+    "@workos-inc/authkit-nextjs": "^2.7.0",
+    "convex": "^1.27.0",
     "next": "15.4.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"