fix types, simplify Link

code/ui/components/src/components/icon/icon.tsx

@@ -6,7 +6,7 @@ import { styled } from '@storybook/theming';
 import { deprecate, logger } from '@storybook/client-logger';
 
 export type IconType = keyof typeof icons;
-type NewIconTypes = typeof icons[IconType];
+type NewIconTypes = (typeof icons)[IconType];
 
 const NEW_ICON_MAP = StorybookIcons as Record<NewIconTypes, (props: unknown) => React.ReactNode>;
 

code/ui/components/src/components/typography/elements/Link.tsx

@@ -1,18 +1,11 @@
 import React from 'react';
 
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-  children: React.ReactNode;
-}
-
-export const Link = ({ href: input, children, ...props }: LinkProps) => {
+export const Link = ({ href: input, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) => {
   const isStorybookPath = /^\//.test(input);
-  const isAnchorUrl = /^#.*/.test(input);
   const href = isStorybookPath ? `./?path=${input}` : input;
+
+  const isAnchorUrl = /^#.*/.test(input);
   const target = isAnchorUrl ? '_self' : '_top';
 
-  return (
-    <a href={href} target={target} {...props}>
-      {children}
-    </a>
-  );
+  return <a href={href} target={target} {...props} />;
 };