1 files changed, 17 insertions, 0 deletions
diff --git a/src/lib/cart/hooks/useCart.js b/src/lib/cart/hooks/useCart.js
new file mode 100644
index 00000000..44931b8a
--- /dev/null
+++ b/src/lib/cart/hooks/useCart.js
@@ -0,0 +1,17 @@
+import { getCart } from "@/core/utils/cart"
+import { useQuery } from "react-query"
+import _ from "lodash"
+import CartApi from "../api/CartApi"
+
+const useCart = () => {
+  const cart = getCart()
+  const variantIds = _.keys(cart).join(',')
+  const fetchCart = async () => CartApi({ variantIds })
+  const { data, isLoading } = useQuery('cart', fetchCart)
+
+  return {
+    cart: { data, isLoading }
+  }
+}
+
+export default useCart
+\ No newline at end of file