diff --git a/src/Highlighter/SyntaxHighlighter/index.tsx b/src/Highlighter/SyntaxHighlighter/index.tsx
index 34517239..ef9f360d 100644
--- a/src/Highlighter/SyntaxHighlighter/index.tsx
+++ b/src/Highlighter/SyntaxHighlighter/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Loader2 } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';