Fix React example 🚀

willnguyen1312 · Nov 14, 2023 · 471c8b3 · 471c8b3
1 parent 89ab28c
commit 471c8b3
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/examples/with-react/src/App.tsx b/examples/with-react/src/App.tsx
@@ -34,9 +34,9 @@ function App() {
   const { createZoomImage: createZoomImageMove } = useZoomImageMove()
   const { createZoomImage: createZoomImageClick } = useZoomImageClick()
 
-  function handleCropImage() {
+  async function handleCropImage() {
     setCroppedImage(
-      cropImage({
+      await cropImage({
         currentZoom: zoomImageWheelState.currentZoom,
         image: imageWheelContainerRef.current?.querySelector("img") as HTMLImageElement,
         positionX: zoomImageWheelState.currentPositionX,
@@ -152,7 +152,7 @@ function App() {
       {zoomType === "hover" && (
         <>
           <p>Hover inside the image to see zoom effect</p>
-          <div ref={imageHoverContainerRef} className="relative flex h-[250px] w-[250px] items-start">
+          <div ref={imageHoverContainerRef} className="relative flex h-[250px] w-[166.66px] items-start">
             <img className="h-full w-full" alt="Small Pic" src="/sample.avif" />
             <div ref={zoomTargetRef} className="absolute left-[300px]"></div>
           </div>