Supporting RSC in react-icons package

[Gading Nasution]

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