Add "use client" for icons (#682)

microsoft · Jul 14, 2024 · 80fb6c0 · 80fb6c0
1 parent 9dda654
commit 80fb6c0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/react-icons/convert-font.js b/packages/react-icons/convert-font.js
@@ -118,6 +118,7 @@ async function processFolder(srcPath, codepointMapDestFolder, resizable) {
 
   for (const chunk of iconChunks) {
     chunk.unshift(`import {createFluentFontIcon} from "../../utils/fonts/createFluentFontIcon";`)
+    chunk.unshift(`"use client";`);
   }
 
   /** @type string[] */

diff --git a/packages/react-icons/convert.js b/packages/react-icons/convert.js
@@ -137,6 +137,7 @@ function processFolder(srcPath, destPath, resizable) {
   for(const chunk of iconChunks) {
     chunk.unshift(`import { createFluentIcon } from "../utils/createFluentIcon";`);
     chunk.unshift(`import type { FluentIcon } from "../utils/createFluentIcon";`);
+    chunk.unshift(`"use client";`);
   }
 
   /** @type string[] */