diff --git a/packages/react-front-kit/src/Components/ActionBar/ActionBar.tsx b/packages/react-front-kit/src/Components/ActionBar/ActionBar.tsx
index 30a360e5..389fdfe4 100644
--- a/packages/react-front-kit/src/Components/ActionBar/ActionBar.tsx
+++ b/packages/react-front-kit/src/Components/ActionBar/ActionBar.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import type { GroupProps, ModalProps } from '@mantine/core';
 import type { Record } from '@phosphor-icons/react';
 import type {