fix(lucide-react): correct client directives in RSC files (#4189)

* fix(lucide-react): correct client directives in RSC files

* format code

* Add TS ignore

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>

packages/lucide-react/src/Icon.ts

@@ -1,4 +1,4 @@
-'use-client';
+'use client';
 
 import { createElement, forwardRef } from 'react';
 import defaultAttributes from './defaultAttributes';

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';

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';");
+  });
+});