Currently, components like IconButton only accept a function for icons. This prevents it from being used in an RSC context since only plain objects can be passed from server to client components. For example:
<IconButton aria-label="Menu" icon={KebabHorizontalIcon} />Will not work by default in RSC due to this limitation. Instead, we should support:
<IconButton aria-label="Menu" icon={<KebabHorizontalIcon />} />
Currently, components like
IconButtononly accept a function for icons. This prevents it from being used in an RSC context since only plain objects can be passed from server to client components. For example:Will not work by default in RSC due to this limitation. Instead, we should support: