If i upload an image in React app , please how do i get the preview after upload?

import { useEffect, useRef } from “react”;
import {Image, Transformation} from ‘cloudinary-react’;

const UploadWidget = () => {

const widgetRef = useRef();
const cloudinaryRef = useRef();

useEffect(() => {
cloudinaryRef.current = window.cloudinary;
  widgetRef.current = cloudinaryRef.current.createUploadWidget(
    {
      cloudName: "dxgrkvzyr",
      uploadPreset: "iozcsw7d",
    },
    (error, result) => {
      if (!error && result && result.event === "success") {
        console.log("Done! Here is the image info: ", result.info);
      }
    }
  );
} , []);
<Image cloudName="demo" publicId="sample">
<Transformation crop="scale" width="200" angle="10" />

return (
   
    <button className="upload"
  onClick={() => widgetRef.current.open()}>
        Upload Image
    </button>
)

}

export default UploadWidget;