Use img not Image

Author: apers

labeled-image/package.json

@@ -14,8 +14,8 @@
     "typescript-plugin-css-modules": "^5.0.1"
   },
   "dependencies": {
-    "@vev/silke": "latest",
-    "@vev/react": "latest",
+    "@vev/silke": "^1.0.29",
+    "@vev/react": "^0.2.1",
     "react": "^18.2.0"
   }
 }

labeled-image/src/labeled-image.tsx

@@ -8,7 +8,7 @@ import { Label } from './types';
 import { EventTypes } from './even-types';
 
 type Props = {
-  image: string;
+  image: { key: string; url: string };
   labels: Label[];
 };
 
@@ -28,7 +28,7 @@ const LabeledImage = ({ image, labels }: Props) => {
   return (
     <div className={styles.wrapper}>
       <LabelOverlay labels={labels} imageRef={imageRef} showLabelIndex={showNumbers} />
-      <Image ref={imageRef} src={image} className={styles.image} />
+      <img ref={imageRef} src={image.url} className={styles.image} />
     </div>
   );
 };