"onClick"/"onMouseEnter" was passed to <Link>~ The legacy behavior requires onClick be set on the child of next/link

기능은 잘 동작하는데 링크를 누를 때마다 콘솔에 보이는 경고.


원인이 되었던 코드 ▼

legacyBehavior를 삭제해주고 Link안의 a태그는 삭제한 뒤에 tailwind css를 적용하기 위해 Link태그 전체를 li태그로 감싸주었다.

Link태그 안에는 텍스트만 있어야 한다.

수정한 코드 ▼

<Menu.Item>
    <li className="px-4 py-3 pt-4 text-sm text-gray-900 hover:bg-hoverGray hover:text-main">
        <Link href={`/searchPage/15분이하`}>
            15분
        </Link>
    </li>
</Menu.Item>