fix(#black-screen): remove tokens

src/features/App/index.tsx

@@ -1,8 +1,4 @@
-import {
+import { Suspense } from 'react'
-  Suspense,
-  useEffect,
-  useState,
-} from 'react'
 import { Router } from 'react-router-dom'
 import { QueryClient, QueryClientProvider } from 'react-query'
 import { ReactQueryDevtools } from 'react-query/devtools'
@@ -31,16 +27,11 @@ import { useAuthStore } from '../AuthStore'
 setClientTitleAndDescription(client.title, client.description)
 
 const Main = () => {
-  const [isToken, setIsToken] = useState(false)
   const { userInfo } = useAuthStore()
   const queryClient = new QueryClient()
 
-  useEffect(() => {
-    if (userInfo) readToken() && setIsToken(true)
-  }, [userInfo])
-
   // имеется действующий токен
-  return isToken ? (
+  return userInfo && readToken() ? (
     <ErrorBoundary>
       <QueryClientProvider client={queryClient}>
         <ReactQueryDevtools initialIsOpen={isLocalhost} />

src/helpers/callApi/logoutIfUnauthorized.tsx

@@ -1,13 +1,22 @@
+import { removeToken } from '../token'
+import { removeCookie } from '../cookie'
+
 export const logoutIfUnauthorized = async (response: Response) => {
   /* отключили из-за доступа без авторизации */
+  const body = await response.json()
+
   if (response.status === 401 || response.status === 403) {
     window.dispatchEvent(new Event('FORBIDDEN_REQUEST'))
+
+    if (body.message.includes('Signature has expired')) {
+      removeToken()
+      removeCookie('access_token')
+    }
   }
 
   const error = new Error(response.statusText)
   // eslint-disable-next-line no-console
   console.error(error)
 
-  const body = await response.json()
   return Promise.reject(body)
 }