bug: ViewAllItem pass props link to href

pages/index.tsx

@@ -13,7 +13,7 @@ export default function Home() {
       <ButtonCommon size={ButtonSize.large} icon={<IconBuy/>}>{ButtonSize.large} - Button default large</ButtonCommon>
       <ButtonCommon icon={<IconBuy/>} disabled isIconSuffix={true}>Button with icon disabled</ButtonCommon>
       <ButtonCommon icon={<IconBuy/>} type={ButonType.light}>Button with icon</ButtonCommon>
-      <ViewAllItem />
+      <ViewAllItem link="/all"/>
       <ItemWishList isActive={false} />
       <Logo />
       <p>Go to <code>pages/index.tsx</code> to get your hand dirty!</p>

src/components/common/ViewAllItem/ViewAllItem.tsx

@@ -3,13 +3,13 @@ import s from './ViewAllItem.module.scss'
 import Link from 'next/link'
 
 interface Props {
-    link?: string
+    link: string
 }
 
 const ViewAllItem = ({ link }: Props) => {
     return(
         <div className={s.viewAll}>
-            <Link href={"/all"}>
+            <Link href={link}>
                 <a className={s.conTent}>
                     View All
                 </a>