From 3a038ac28b774b42da8bfa19e116f1d85cae40b4 Mon Sep 17 00:00:00 2001
From: Marlon Marcello <marlon.marcello@gmail.com>
Date: Fri, 31 May 2024 15:08:26 -0700
Subject: [PATCH 1/2] fix: adds use client to missing components

---
 .changeset/shaggy-geckos-tan.md                              | 5 +++++
 .../src/components/back-to-top/back-to-top.tsx               | 2 ++
 .../src/components/breakpoint-snipe/breakpoint-snipe.tsx     | 2 ++
 .../in-view/components/in-view-item/in-view-item.tsx         | 2 ++
 .../src/components/in-view/in-view.stories.tsx               | 2 +-
 5 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/shaggy-geckos-tan.md

diff --git a/.changeset/shaggy-geckos-tan.md b/.changeset/shaggy-geckos-tan.md
new file mode 100644
index 00000000..3edf0354
--- /dev/null
+++ b/.changeset/shaggy-geckos-tan.md
@@ -0,0 +1,5 @@
+---
+"@wethegit/components": patch
+---
+
+fix: adds use client to missing components
diff --git a/packages/wethegit-components/src/components/back-to-top/back-to-top.tsx b/packages/wethegit-components/src/components/back-to-top/back-to-top.tsx
index 355f865c..b4e94368 100644
--- a/packages/wethegit-components/src/components/back-to-top/back-to-top.tsx
+++ b/packages/wethegit-components/src/components/back-to-top/back-to-top.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { useCallback, useRef } from "react"
 import { useUserPrefs, useInView } from "@wethegit/react-hooks"
 
diff --git a/packages/wethegit-components/src/components/breakpoint-snipe/breakpoint-snipe.tsx b/packages/wethegit-components/src/components/breakpoint-snipe/breakpoint-snipe.tsx
index 36522ffe..ad8facf8 100644
--- a/packages/wethegit-components/src/components/breakpoint-snipe/breakpoint-snipe.tsx
+++ b/packages/wethegit-components/src/components/breakpoint-snipe/breakpoint-snipe.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { useBreakpoints } from "@local/hooks"
 import { classnames } from "@local/utilities"
 
diff --git a/packages/wethegit-components/src/components/in-view/components/in-view-item/in-view-item.tsx b/packages/wethegit-components/src/components/in-view/components/in-view-item/in-view-item.tsx
index a51baa84..38cab59c 100644
--- a/packages/wethegit-components/src/components/in-view/components/in-view-item/in-view-item.tsx
+++ b/packages/wethegit-components/src/components/in-view/components/in-view-item/in-view-item.tsx
@@ -1,3 +1,5 @@
+"use client"
+
 import { useContext, useMemo } from "react"
 
 import { Tag, InViewContext } from "@local/components"
diff --git a/packages/wethegit-components/src/components/in-view/in-view.stories.tsx b/packages/wethegit-components/src/components/in-view/in-view.stories.tsx
index f59542dc..4ff93fce 100644
--- a/packages/wethegit-components/src/components/in-view/in-view.stories.tsx
+++ b/packages/wethegit-components/src/components/in-view/in-view.stories.tsx
@@ -54,7 +54,7 @@ type Story = StoryObj<typeof InView>
 export const Default: Story = {
   render: (args) => (
     <>
-      <InView as="section" {...args}>
+      <InView as="section" {...args} observerOptions={{ rootMargin: "2%" }}>
         <InViewItem as="ul" animation={animation.scaleUp}>
           <li>
             This entire list is animated in using the <strong>"animation.scaleUp"</strong>{" "}

From 94a8b6029b6eb6524f8ce6450783dfe9d07430f9 Mon Sep 17 00:00:00 2001
From: Marlon Marcello <marlon.marcello@gmail.com>
Date: Fri, 31 May 2024 15:12:19 -0700
Subject: [PATCH 2/2] fix: removes test

---
 .../src/components/in-view/in-view.stories.tsx                  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/wethegit-components/src/components/in-view/in-view.stories.tsx b/packages/wethegit-components/src/components/in-view/in-view.stories.tsx
index 4ff93fce..f59542dc 100644
--- a/packages/wethegit-components/src/components/in-view/in-view.stories.tsx
+++ b/packages/wethegit-components/src/components/in-view/in-view.stories.tsx
@@ -54,7 +54,7 @@ type Story = StoryObj<typeof InView>
 export const Default: Story = {
   render: (args) => (
     <>
-      <InView as="section" {...args} observerOptions={{ rootMargin: "2%" }}>
+      <InView as="section" {...args}>
         <InViewItem as="ul" animation={animation.scaleUp}>
           <li>
             This entire list is animated in using the <strong>"animation.scaleUp"</strong>{" "}