Tengo una imagen ubicada en el directorio public/img . Quiero renderizarlo usando la etiqueta <Image/> integrada de next.js.

aquí está el código que he escrito:

 <Image onClick={hideModal} alt="close_button" src="/img/close_button.png" width="20px" height="20px" />

pero no se muestra nada en la página (ni siquiera el texto alternativo).

la cosa es que cuando uso la <img/> , funciona como se esperaba pero con <Image/> , no funciona