Supporting RSC in react-icons package

[gadingnst]

we have used these icons in our Design System.

but. when we use NextJS 13 with App Router, we can't import the icon directly in RSC like:

import { DismissSquareRegular } from `@fluentui/react-icons`;

function ListingWalletHeader() {
  return (
    <div className="flex items-center">
      ...
      <DismissSquareRegular />
    </div>
  );
}

it will return an error like this:

can we develop the icons to support RSC feature? maybe we just create the icon SVG without createContext?
maybe just like this

[chevsky]

Hi @gadingnst,
It's been a while, but now it's possible to use icons directly in server components without re-exporting. Version 2.0.250 now includes "use client" underneath, so it can be removed from user-space codebases. Keep in mind that icons will still be included in the client bundle.

[gadingnst]

Cool, thanks. Will try it @chevsky