diff --git a/bun.lockb b/bun.lockb index 4b5015e..a30447a 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index 5dd0ded..32d32bd 100644 --- a/package.json +++ b/package.json @@ -53,18 +53,18 @@ } }, "dependencies": { - "ronin": "4.0.10" + "ronin": "4.0.11" }, "devDependencies": { - "@biomejs/biome": "1.8.1", - "@types/bun": "1.1.4", + "@biomejs/biome": "1.8.2", + "@types/bun": "1.1.5", "@types/react": "18.3.3", "@types/web": "0.0.149", "husky": "9.0.11", "lint-staged": "15.2.7", "msw": "2.3.1", "react": "18.3.1", - "typescript": "5.4.5" + "typescript": "5.5.2" }, "peerDependencies": { "react": ">=18.3.1" diff --git a/src/components/image.client.tsx b/src/components/image.client.tsx index d345862..0625b83 100644 --- a/src/components/image.client.tsx +++ b/src/components/image.client.tsx @@ -1,11 +1,8 @@ "use client"; -import React, { - useCallback, - useRef, - forwardRef, - type CSSProperties, -} from "react"; +// We are purposefully importing `React` here, as the build output contains +// references to it, and those would fail if we don't import it explicitly. +import React, { useCallback, useRef, forwardRef } from "react"; import type { StoredObject } from "ronin/types"; const supportedFitValues = ["fill", "contain", "cover"]; @@ -55,7 +52,7 @@ export interface ImageProps { * * @default "cover" */ - fit?: CSSProperties["objectFit"]; + fit?: React.CSSProperties["objectFit"]; /** * The aspect ratio of the image. Can be "square", "video", or a custom string. */ @@ -79,7 +76,7 @@ export interface ImageProps { /** * The inline style for the image container (not the image itself). */ - style?: CSSProperties; + style?: React.CSSProperties; } const Image = forwardRef(