diff --git a/.changeset/early-zebras-kick.md b/.changeset/early-zebras-kick.md
new file mode 100644
index 00000000..c86990d4
--- /dev/null
+++ b/.changeset/early-zebras-kick.md
@@ -0,0 +1,5 @@
+---
+"@genseki/react": patch
+---
+
+fix: add `use client` directive to `pagination`
diff --git a/packages/react/v2/components/primitives/pagination.tsx b/packages/react/v2/components/primitives/pagination.tsx
index 9595c63f..3c5fe1b4 100644
--- a/packages/react/v2/components/primitives/pagination.tsx
+++ b/packages/react/v2/components/primitives/pagination.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as React from 'react'
 
 import { CaretLeftIcon, CaretRightIcon, DotsThreeIcon } from '@phosphor-icons/react'