diff --git a/packages/main/src/components/FlexBox/index.tsx b/packages/main/src/components/FlexBox/index.tsx
index 768ef3a4b98..fe452bc23e3 100644
--- a/packages/main/src/components/FlexBox/index.tsx
+++ b/packages/main/src/components/FlexBox/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { clsx } from 'clsx';
 import type { ElementType, ReactNode } from 'react';
 import React, { forwardRef } from 'react';
diff --git a/packages/main/src/components/ResponsiveGridLayout/index.tsx b/packages/main/src/components/ResponsiveGridLayout/index.tsx
index 9101047507d..8b9d954031b 100644
--- a/packages/main/src/components/ResponsiveGridLayout/index.tsx
+++ b/packages/main/src/components/ResponsiveGridLayout/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { clsx } from 'clsx';
 import type { CSSProperties, ReactNode } from 'react';
 import React, { forwardRef } from 'react';
diff --git a/packages/main/src/components/Text/index.tsx b/packages/main/src/components/Text/index.tsx
index 97527b1dfc5..d65e92a0019 100644
--- a/packages/main/src/components/Text/index.tsx
+++ b/packages/main/src/components/Text/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { clsx } from 'clsx';
 import type { CSSProperties, ReactNode } from 'react';
 import React, { forwardRef } from 'react';