diff --git a/packages/checkout/src/contexts/CheckoutModal.ts b/packages/checkout/src/contexts/CheckoutModal.ts
index c06a9e8e..7f018c87 100644
--- a/packages/checkout/src/contexts/CheckoutModal.ts
+++ b/packages/checkout/src/contexts/CheckoutModal.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { Theme } from '@0xsequence/kit'
 
 import { createGenericContext } from './genericContext'
diff --git a/packages/checkout/src/contexts/Navigation.ts b/packages/checkout/src/contexts/Navigation.ts
index 90b91497..1a7203c4 100644
--- a/packages/checkout/src/contexts/Navigation.ts
+++ b/packages/checkout/src/contexts/Navigation.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { createGenericContext } from './genericContext'
 
 export interface SelectCheckoutNavigation {
diff --git a/packages/checkout/src/shared/components/KitCheckoutProvider.tsx b/packages/checkout/src/shared/components/KitCheckoutProvider.tsx
index 1fdbed0b..58173db8 100644
--- a/packages/checkout/src/shared/components/KitCheckoutProvider.tsx
+++ b/packages/checkout/src/shared/components/KitCheckoutProvider.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { Box, Modal, ThemeProvider } from '@0xsequence/design-system'
 import { getModalPositionCss, useTheme } from '@0xsequence/kit'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
diff --git a/packages/kit/src/components/KitProvider/index.tsx b/packages/kit/src/components/KitProvider/index.tsx
index 62d8608a..f912f12e 100644
--- a/packages/kit/src/components/KitProvider/index.tsx
+++ b/packages/kit/src/components/KitProvider/index.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { sequence } from '0xsequence'
 import { Box, Button, Card, Collapsible, Modal, Text, ThemeProvider } from '@0xsequence/design-system'
 import { GoogleOAuthProvider } from '@react-oauth/google'
diff --git a/packages/kit/src/contexts/Analytics.ts b/packages/kit/src/contexts/Analytics.ts
index 98f3ec2f..4f39f55b 100644
--- a/packages/kit/src/contexts/Analytics.ts
+++ b/packages/kit/src/contexts/Analytics.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { sequence } from '0xsequence'
 import React from 'react'
 
diff --git a/packages/kit/src/contexts/ConnectModal.ts b/packages/kit/src/contexts/ConnectModal.ts
index 727338c7..fd69649c 100644
--- a/packages/kit/src/contexts/ConnectModal.ts
+++ b/packages/kit/src/contexts/ConnectModal.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import React from 'react'
 
 import { createGenericContext } from './genericContext'
diff --git a/packages/kit/src/contexts/KitConfig.ts b/packages/kit/src/contexts/KitConfig.ts
index a7cc9cbb..5cd8910f 100644
--- a/packages/kit/src/contexts/KitConfig.ts
+++ b/packages/kit/src/contexts/KitConfig.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { KitConfig } from '../types'
 
 import { createGenericContext } from './genericContext'
diff --git a/packages/kit/src/contexts/Theme.ts b/packages/kit/src/contexts/Theme.ts
index c22ae8b6..86ab14d2 100644
--- a/packages/kit/src/contexts/Theme.ts
+++ b/packages/kit/src/contexts/Theme.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import React from 'react'
 
 import { ModalPosition, Theme } from '../index'
diff --git a/packages/kit/src/contexts/WalletSettings.ts b/packages/kit/src/contexts/WalletSettings.ts
index 722adc2d..a33627fb 100644
--- a/packages/kit/src/contexts/WalletSettings.ts
+++ b/packages/kit/src/contexts/WalletSettings.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import React from 'react'
 
 import { DisplayedAsset } from '../types'
diff --git a/packages/kit/src/hooks/useWaasFeeOptions.ts b/packages/kit/src/hooks/useWaasFeeOptions.ts
index 29cb97f0..690ba932 100644
--- a/packages/kit/src/hooks/useWaasFeeOptions.ts
+++ b/packages/kit/src/hooks/useWaasFeeOptions.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { FeeOption } from '@0xsequence/waas'
 import { ethers } from 'ethers'
 import { useState, useEffect } from 'react'
diff --git a/packages/wallet/src/contexts/Navigation.ts b/packages/wallet/src/contexts/Navigation.ts
index 54080496..18a375f4 100644
--- a/packages/wallet/src/contexts/Navigation.ts
+++ b/packages/wallet/src/contexts/Navigation.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { Transaction } from '@0xsequence/indexer'
 
 import { createGenericContext } from './genericContext'
diff --git a/packages/wallet/src/contexts/WalletModal.ts b/packages/wallet/src/contexts/WalletModal.ts
index d6734406..2b7c4054 100644
--- a/packages/wallet/src/contexts/WalletModal.ts
+++ b/packages/wallet/src/contexts/WalletModal.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import React from 'react'
 
 import { createGenericContext } from './genericContext'
diff --git a/packages/wallet/src/shared/KitWalletProvider/index.tsx b/packages/wallet/src/shared/KitWalletProvider/index.tsx
index de9aa9a8..d886540c 100644
--- a/packages/wallet/src/shared/KitWalletProvider/index.tsx
+++ b/packages/wallet/src/shared/KitWalletProvider/index.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { Box, Modal, ThemeProvider, Scroll } from '@0xsequence/design-system'
 import { getModalPositionCss, useTheme } from '@0xsequence/kit'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'