diff --git a/src/Modal/index.tsx b/src/Modal/index.tsx
index 59231bd..4bb51a7 100644
--- a/src/Modal/index.tsx
+++ b/src/Modal/index.tsx
@@ -1,3 +1,4 @@
+'use client'
 import * as focusTrap from 'focus-trap';
 import React, { Fragment, ElementType, HTMLProps } from 'react';
 import asModal from '../asModal';
diff --git a/src/ModalContainer/index.tsx b/src/ModalContainer/index.tsx
index e9f396b..8e3ef3b 100644
--- a/src/ModalContainer/index.tsx
+++ b/src/ModalContainer/index.tsx
@@ -1,3 +1,4 @@
+'use client'
 import React, { MouseEvent, ElementType, HTMLProps } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import useModal from '../useModal';
diff --git a/src/ModalProvider/context.tsx b/src/ModalProvider/context.tsx
index 25a9b15..d291cc5 100644
--- a/src/ModalProvider/context.tsx
+++ b/src/ModalProvider/context.tsx
@@ -1,3 +1,4 @@
+'use client'
 import { createContext } from 'react';
 import { ModalProviderProps } from '../ModalProvider';
 
diff --git a/src/ModalProvider/index.tsx b/src/ModalProvider/index.tsx
index 704411f..952372f 100644
--- a/src/ModalProvider/index.tsx
+++ b/src/ModalProvider/index.tsx
@@ -1,3 +1,4 @@
+'use client'
 import React, {
   Fragment,
   useState,
diff --git a/src/ModalToggler/index.tsx b/src/ModalToggler/index.tsx
index b41504b..1e6ad3e 100644
--- a/src/ModalToggler/index.tsx
+++ b/src/ModalToggler/index.tsx
@@ -1,3 +1,4 @@
+'use client'
 import React, { ElementType, HTMLProps, MouseEvent } from 'react';
 import { IModalContext } from '../ModalProvider/context';
 import useModal from '../useModal';
diff --git a/src/asModal/index.tsx b/src/asModal/index.tsx
index fa6162c..e89693f 100755
--- a/src/asModal/index.tsx
+++ b/src/asModal/index.tsx
@@ -1,3 +1,4 @@
+'use client'
 import React, {
   useRef,
   useEffect,
diff --git a/src/useModal/index.tsx b/src/useModal/index.tsx
index d12a083..6af9b7e 100644
--- a/src/useModal/index.tsx
+++ b/src/useModal/index.tsx
@@ -1,3 +1,4 @@
+'use client'
 import { useContext } from 'react';
 import ModalContext, { IModalContext } from '../ModalProvider/context';