fix: Add mutate instead of revalidate

framework/commercelayer/auth/use-login.tsx

@@ -30,7 +30,9 @@ export const handler: MutationHook<any> = {
         { username: email, password: password }
       )
       token &&
-        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, { expires: token.expires })
+        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, {
+          expires: token.expires,
+        })
       Cookies.set('CL_CUSTOMER_ID', token.data.owner_id as string)
       alert(`User "${email}" has successfully been logged in.`)
       return token
@@ -43,15 +45,14 @@ export const handler: MutationHook<any> = {
   useHook:
     ({ fetch }) =>
     () => {
-    const { revalidate } = useCustomer()
+      const { mutate } = useCustomer()
-
       return useCallback(
         async function login(input) {
           const data = await fetch({ input })
-        await revalidate()
+          await mutate()
           return data
         },
-      [fetch, revalidate]
+        [fetch]
       )
     },
 }

framework/commercelayer/auth/use-logout.tsx

@@ -2,6 +2,7 @@ import { useCallback } from 'react'
 import { MutationHook } from '@commerce/utils/types'
 import useLogout, { UseLogout } from '@commerce/auth/use-logout'
 import Cookies from 'js-cookie'
+import { useCustomer } from '@framework/customer'
 
 export default useLogout as UseLogout<typeof handler>
 
@@ -12,13 +13,16 @@ export const handler: MutationHook<any> = {
   async fetcher() {
     return null
   },
-  useHook: ({ fetch }) => () => {
+  useHook:
-
+    ({ fetch }) =>
+    () => {
+      const { mutate } = useCustomer()
       return useCallback(
         async function logout() {
           Cookies.remove('CL_CUSTOMER_ID')
           Cookies.remove('CL_CUSTOMER_TOKEN')
-        alert("Logout successful!")
+          mutate()
+          alert('Logout successful!')
         },
         [fetch]
       )

framework/commercelayer/auth/use-signup.tsx

@@ -40,7 +40,9 @@ export const handler: MutationHook<any> = {
         { username: email, password: password }
       )
       token &&
-        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, { expires: token.expires })
+        setCookie('CL_CUSTOMER_TOKEN', token.accessToken, {
+          expires: token.expires,
+        })
       Cookies.set('CL_CUSTOMER_ID', data.id)
       alert(`User "${email}" has successfully been created.`)
       return data
@@ -53,15 +55,15 @@ export const handler: MutationHook<any> = {
   useHook:
     ({ fetch }) =>
     () => {
-      const { revalidate } = useCustomer()
+      const { mutate } = useCustomer()
 
       return useCallback(
         async function signup(input) {
           const data = await fetch({ input })
-          await revalidate()
+          await mutate()
           return data
         },
-        [fetch, revalidate]
+        [fetch]
       )
     },
 }

framework/commercelayer/customer/use-customer.tsx

@@ -6,15 +6,18 @@ import { ENDPOINT } from '../const'
 
 export default useCustomer as UseCustomer<typeof handler>
 
-const customerId = Cookies.get('CL_CUSTOMER_ID')
-
 export const handler: SWRHook<CustomerHook> = {
   fetchOptions: {
-    url: `${ENDPOINT}/api/customers/${customerId}`,
+    url: `${ENDPOINT}/api/customers/`,
     method: 'GET',
   },
   async fetcher({ options, fetch }) {
-    const data: any = customerId ? await fetch({ ...options }) : null
+    let data: any = null
+    const customerId = Cookies.get('CL_CUSTOMER_ID')
+    if (customerId) {
+      options.url = `${options.url}/${customerId}`
+      data = await fetch({ ...options })
+    }
 
     return data
       ? ({