Usage With Nextjs 13+

[ChetSocio]

Hello devs. I have tested my package with Next.js 13, 14, 15 and its working fine on production mode but it needs some tweaks. Until I update docs, here's how you can use easy-magnify package's components with ease:

src/components/MyZoomComponent.tsx :

"use client";
import { EasyZoomOnHover } from 'easy-magnify;'

const MyZoomComponent = () => {

    return (
         <div>
               <EasyZoomOnHover
                    delayTimer={2000}
                     mainImage={{
                        src: "https://m.media-amazon.com/images/I/71sgEIlSvfL._AC_SX466_.jpg",
                        alt: "My Product",
                      }}
                     zoomImage={{
                       src: "https://m.media-amazon.com/images/I/71sgEIlSvfL._AC_SX1500_.jpg",
                        alt: "My Product Zoom"
                    }}
                 />
           </div>
     )
}

src/app/page.tsx:

import React from 'react';
import dynamic from 'next/dynamic'


const EasyZoomOnHover = dynamic(() => import('@/components/MyZoomComponent'), {
  ssr: false
})

const HomePage = () => {

  return (
    <div className="m-12">
      <EasyZoomOnHover />
    </div>
  )
}

export default HomePage