text: import React from 'react'
  import Image from 'next/image'
  
  const myLoader = ({ src, width, quality }) => {
    return `https://customresolver.com${src}?w~~${width},q~~${quality}`
  }
  
  const Page = () => {
    return (
      <div>
        <p>noscript images</p>
        <Image id="basic-image" src="/basic-image.jpg" width={640} height={360} />
        <Image
          loader={myLoader}
          id="image-with-loader"
          src="/remote-image.jpg"
          width={640}
          height={360}
        />
      </div>
    )
  }
  
  export default Page
  