diff --git a/src/Cell/index.tsx b/src/Cell/index.tsx
index aa84cc8..244df1d 100644
--- a/src/Cell/index.tsx
+++ b/src/Cell/index.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import React, {
   createContext,
   forwardRef,
diff --git a/src/Grid/index.tsx b/src/Grid/index.tsx
index 08dcf42..0b6b406 100644
--- a/src/Grid/index.tsx
+++ b/src/Grid/index.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import React, {
   useContext,
   createContext,
diff --git a/src/Settings/index.tsx b/src/Settings/index.tsx
index 57c3f06..d6a1d7e 100644
--- a/src/Settings/index.tsx
+++ b/src/Settings/index.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import React, { createContext, useContext } from 'react';
 import getColGap from './getColGap';
 import { Settings, SettingsProviderProps } from './types';