title: How to pass draggable attribute to <img> in Next.js Image component?
body: <p>I want to prevent dragging of ghost image.</p>
  <p>Normal way:
  <code>&lt;img draggable=&quot;false&quot;&gt;</code></p>
  <p>But I don't know how to set it to <code>&lt;Image /&gt;</code> component</p>
  <p>Image component docs:
  <a href="https://nextjs.org/docs/api-reference/next/image" rel="nofollow noreferrer">https://nextjs.org/docs/api-reference/next/image</a></p>
  <p>Edit:</p>
  <p><code>&lt;Image draggable=&quot;false&quot;/&gt;</code> works, but for Firefox, we need add the same atrribute to parent <code>&lt;a&gt;</code> and in CSS it can't be <code>user-select: none</code> for <code>img</code> and <code>div</code></p>
  <p>It's still difference between Chrome and Firefox.</p>