diff --git a/packages/lucide-react/src/Icon.ts b/packages/lucide-react/src/Icon.ts
index daa730787..e958647c1 100644
--- a/packages/lucide-react/src/Icon.ts
+++ b/packages/lucide-react/src/Icon.ts
@@ -1,4 +1,4 @@
-'use-client';
+'use client';
 
 import { createElement, forwardRef } from 'react';
 import defaultAttributes from './defaultAttributes';
diff --git a/packages/lucide-react/src/context.ts b/packages/lucide-react/src/context.ts
index 53de7aeb0..a16fb6c56 100644
--- a/packages/lucide-react/src/context.ts
+++ b/packages/lucide-react/src/context.ts
@@ -1,4 +1,4 @@
-'use-client';
+'use client';
 
 import { createContext, createElement, type ReactNode, useContext, useMemo } from 'react';
 import { LucideProps } from './types';
diff --git a/packages/lucide-react/tests/directives.spec.ts b/packages/lucide-react/tests/directives.spec.ts
new file mode 100644
index 000000000..a4d089d80
--- /dev/null
+++ b/packages/lucide-react/tests/directives.spec.ts
@@ -0,0 +1,16 @@
+// @ts-ignore
+import { readFileSync } from 'node:fs';
+import { describe, expect, it } from 'vitest';
+
+const readFirstLine = (fileName: string) =>
+  readFileSync(`./src/${fileName}`, 'utf8').split('\n')[0];
+
+describe('client directives', () => {
+  it('uses a valid React client directive in Icon.ts', () => {
+    expect(readFirstLine('Icon.ts')).toBe("'use client';");
+  });
+
+  it('uses a valid React client directive in context.ts', () => {
+    expect(readFirstLine('context.ts')).toBe("'use client';");
+  });
+});