Estoy tratando de envolver un componente de tarjeta usando el componente Enlace de 'siguiente/enlace'. Cuando hago clic en la tarjeta, debería haberme llevado al enlace, pero no está haciendo eso. en su lugar, recibo una advertencia ' Los componentes de la función no pueden recibir referencias. Los intentos de acceder a esta referencia fallarán'. ¿Cómo puedo arreglar esto?

aquí está el código:

 <div className="flex justify_between align_center flex_wrap mb_2 "> {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((item) => ( <Link href="/blog-details" key={item}> <BlogCard /> </Link> ))}