⚡fix App Auto logout during sessions

packages/app/components/authorization/CheckAuthorization.tsx

@@ -2,7 +2,6 @@ import { apiUrl } from '@/lib/utils/utils'
 import { cookies } from 'next/headers'
 
 const CheckAuthorization = async () => {
-  const privyToken = cookies().get('privy-token')
   const userSession = cookies().get('user-session')
   const userAddress = cookies().get('user-address')
   const res = await fetch(`${apiUrl()}/auth/verify-token`, {
@@ -14,12 +13,8 @@ const CheckAuthorization = async () => {
     headers: { 'Content-Type': 'application/json' },
   })
   const resData = await res.json()
-
   const isAuthorized =
-    !!userAddress?.value &&
-    !!privyToken?.value &&
-    !!userSession?.value &&
-    resData.data
+    !!userAddress?.value && !!userSession?.value && resData.data
 
   return isAuthorized
 }

packages/app/components/misc/SignInUserButton.tsx

@@ -4,7 +4,7 @@ import { useLogin, useLogout, usePrivy } from '@privy-io/react-auth'
 import { deleteSession, storeSession } from '@/lib/actions/auth'
 import { apiUrl } from '@/lib/utils/utils'
 import { Loader2 } from 'lucide-react'
-import { useState } from 'react'
+import React, { useEffect, useState } from 'react'
 
 interface SignInUserButtonProps {
   className?: string
@@ -18,6 +18,13 @@ export const SignInUserButton = ({
   const { ready, authenticated } = usePrivy()
   const [isLoading, setIsLoading] = useState(false)
 
+  const privyRefreshToken = localStorage.getItem(
+    'privy:refresh_token'
+  )
+  const parsePrivyRefreshToken = privyRefreshToken
+    ? JSON.parse(privyRefreshToken)
+    : null
+
   const getSession = async () => {
     const privyToken = localStorage.getItem('privy:token')
     const token = privyToken ? JSON.parse(privyToken) : null
@@ -36,6 +43,11 @@ export const SignInUserButton = ({
     })
   }
 
+  useEffect(() => {
+    if (!parsePrivyRefreshToken) logout()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [parsePrivyRefreshToken])
+
   const { login } = useLogin({
     onComplete: () => {
       getSession()