Tengo un enlace a la página dinámica como tal:

 <Link href={`/event/${event.slug}`}> <a className="event-card"> <img className="img-fluid" alt={event.name} src={event.event_main_image ? event.event_main_image : defaultEventImg} ></img> </a> </Link>

El problema surge cuando voy a esta página a través de Enlace y hago clic en Atrás y voy a otra página dinámica similar, no hay actualización de contenido. Específicamente, hay un archivo de tienda en línea de javascript que se agrega a esta página y cuando no hay actualización, hay todo tipo de errores.

Cuando saco el elemento Link y solo uso una etiqueta como esta:

 <a href={`/event/${event.slug}` className="event-card"> <img className="img-fluid" alt={event.name} src={event.event_main_image ? event.event_main_image : defaultEventImg} ></img> </a>

entonces todo funciona, la tienda funciona, no hay comportamiento de buggy. Entonces, el problema es que no puedo ejecutar la compilación con etiquetas, ya que el compilador Nextjs le da un error y le dice que reemplace las etiquetas con Link.

Entonces, mi pregunta es ¿cómo puedo obtener un comportamiento de etiqueta usando el componente Enlace?