"Warning: Expected server HTML to contain a matching <img> in <a>." - How to use MagicZoom Plus in a server side app? -

How to use MagicZoom Plus in a server-side app like next js?

I see the following error when I refresh the page:

"Warning: Expected server HTML to contain a matching in ."

enter image description here

const [activeIndex, setActiveIndex] = useState(0);

  <div>
   <a href={item.src[activeIndex]} className="MagicZoom">
    <img src={item.src[activeIndex]} alt="" />
   </a>
  </div>