diff --git a/package.json b/package.json
index 40a3f6c..8ccdccb 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "next": "^12.0.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "swr": "^0.3.11"
+    "swr": "^1.2.2"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.12.1",
diff --git a/src/hooks/auth.js b/src/hooks/auth.js
index 333cf7b..1b34a6a 100644
--- a/src/hooks/auth.js
+++ b/src/hooks/auth.js
@@ -6,7 +6,7 @@ import { useRouter } from 'next/router'
 export const useAuth = ({ middleware, redirectIfAuthenticated } = {}) => {
     const router = useRouter()
 
-    const { data: user, error, revalidate } = useSWR('/api/user', () =>
+    const { data: user, error, mutate } = useSWR('/api/user', () =>
         axios
             .get('/api/user')
             .then(res => res.data)
@@ -26,7 +26,7 @@ export const useAuth = ({ middleware, redirectIfAuthenticated } = {}) => {
 
         axios
             .post('/register', props)
-            .then(() => revalidate())
+            .then(() => mutate())
             .catch(error => {
                 if (error.response.status !== 422) throw error
 
@@ -42,7 +42,7 @@ export const useAuth = ({ middleware, redirectIfAuthenticated } = {}) => {
 
         axios
             .post('/login', props)
-            .then(() => revalidate())
+            .then(() => mutate())
             .catch(error => {
                 if (error.response.status !== 422) throw error
 
@@ -90,9 +90,9 @@ export const useAuth = ({ middleware, redirectIfAuthenticated } = {}) => {
 
     const logout = async () => {
         if (! error) {
-            await axios.post('/logout')
-
-            revalidate()
+            await axios
+                .post('/logout')
+                .then(() => mutate())
         }
 
         window.location.pathname = '/login'