fix: ref not working

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.1.3
+
+- Fixed missing `ref` prop support in the **Image** component. The component now properly accepts and forwards all Next.js Image props, including `ref`, by using `React.ComponentPropsWithRef<typeof NextImage>` instead of the exported `ImageProps` type.
+
 ## 2.1.2
 
 - Bump `@imagekitio/javascript` dependency to `5.1.0`.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imagekit/next",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Next.js SDK for ImageKit.io which implements client-side upload and URL generation for use inside a next application.",
   "scripts": {
     "build:js": "rollup -c",

src/components/Image.tsx

@@ -1,10 +1,10 @@
 import { buildSrc, type Transformation } from "@imagekit/javascript";
-import NextImage, { type ImageProps } from "next/image";
+import NextImage from "next/image";
 import React, { useContext } from "react";
 import type { SrcProps } from "../interface";
 import { ImageKitContext } from "../provider/ImageKit";
 
-export type IKImageProps = Omit<ImageProps, "src"> & SrcProps & {
+export type IKImageProps = Omit<React.ComponentPropsWithRef<typeof NextImage>, "src"> & SrcProps & {
   /**
    * Set to `false` to disable responsive srcset generation. By default, this is `true`.
    */