diff --git a/components/cart/CartSidebarView/CartSidebarView.tsx b/components/cart/CartSidebarView/CartSidebarView.tsx
index 85824e6fb..98c9fee0f 100644
--- a/components/cart/CartSidebarView/CartSidebarView.tsx
+++ b/components/cart/CartSidebarView/CartSidebarView.tsx
@@ -4,7 +4,7 @@ import { UserNav } from '@components/core'
 import { Button } from '@components/ui'
 import { ArrowLeft, Bag, Cross, Check } from '@components/icon'
 import { useUI } from '@components/ui/context'
-import { useCart } from '@lib/bigcommerce/cart'
+import useCart from '@lib/bigcommerce/cart/use-cart'
 import CartItem from '../CartItem'
 import Link from '@components/ui/Link'
 
diff --git a/components/core/UserNav/UserNav.tsx b/components/core/UserNav/UserNav.tsx
index da2aed245..7e7bcb4fc 100644
--- a/components/core/UserNav/UserNav.tsx
+++ b/components/core/UserNav/UserNav.tsx
@@ -1,6 +1,6 @@
 import { FC } from 'react'
 import cn from 'classnames'
-import { useCart } from '@lib/bigcommerce/cart'
+import useCart from '@lib/bigcommerce/cart/use-cart'
 import { Avatar } from '@components/core'
 import { Heart, Bag } from '@components/icon'
 import { useUI } from '@components/ui/context'
diff --git a/lib/bigcommerce/cart/use-add-item.tsx b/lib/bigcommerce/cart/use-add-item.tsx
index e38d9340b..baf07e8df 100644
--- a/lib/bigcommerce/cart/use-add-item.tsx
+++ b/lib/bigcommerce/cart/use-add-item.tsx
@@ -2,7 +2,7 @@ import { useCallback } from 'react'
 import { HookFetcher } from '@lib/commerce/utils/types'
 import useCartAddItem from '@lib/commerce/cart/use-add-item'
 import type { ItemBody, AddItemBody } from '../api/cart'
-import { Cart, useCart } from '.'
+import useCart, { Cart } from './use-cart'
 
 const defaultOpts = {
   url: '/api/bigcommerce/cart',
diff --git a/lib/bigcommerce/cart/index.tsx b/lib/bigcommerce/cart/use-cart.tsx
similarity index 96%
rename from lib/bigcommerce/cart/index.tsx
rename to lib/bigcommerce/cart/use-cart.tsx
index ae1bf224a..525d1f82c 100644
--- a/lib/bigcommerce/cart/index.tsx
+++ b/lib/bigcommerce/cart/use-cart.tsx
@@ -46,4 +46,4 @@ export function extendHook(customFetcher: typeof fetcher) {
   return useCart
 }
 
-export const useCart = extendHook(fetcher)
+export default extendHook(fetcher)
diff --git a/lib/bigcommerce/cart/use-remove-item.tsx b/lib/bigcommerce/cart/use-remove-item.tsx
index fff7f626e..386462c7f 100644
--- a/lib/bigcommerce/cart/use-remove-item.tsx
+++ b/lib/bigcommerce/cart/use-remove-item.tsx
@@ -2,7 +2,7 @@ import { useCallback } from 'react'
 import { HookFetcher } from '@lib/commerce/utils/types'
 import useCartRemoveItem from '@lib/commerce/cart/use-remove-item'
 import type { RemoveItemBody } from '../api/cart'
-import { Cart, useCart } from '.'
+import useCart, { Cart } from './use-cart'
 
 const defaultOpts = {
   url: '/api/bigcommerce/cart',
diff --git a/lib/bigcommerce/cart/use-update-item.tsx b/lib/bigcommerce/cart/use-update-item.tsx
index 2f306a4d5..78dd1bb84 100644
--- a/lib/bigcommerce/cart/use-update-item.tsx
+++ b/lib/bigcommerce/cart/use-update-item.tsx
@@ -4,7 +4,7 @@ import { HookFetcher } from '@lib/commerce/utils/types'
 import useCartUpdateItem from '@lib/commerce/cart/use-update-item'
 import type { ItemBody, UpdateItemBody } from '../api/cart'
 import { fetcher as removeFetcher } from './use-remove-item'
-import { Cart, useCart } from '.'
+import useCart, { Cart } from './use-cart'
 
 const defaultOpts = {
   url: '/api/bigcommerce/cart',