Upload Preview not showing without updating the state manually in handle status nextjs14.1.3

[unreal0901]

"use client";

import dynamic from "next/dynamic";
// https://github.com/fortana-co/react-dropzone-uploader
// react-dropzone-uploader

import "react-dropzone-uploader/dist/styles.css";

import Dropzone from "react-dropzone-uploader";
import { useState } from "react";

export const DropzoneUploader = () => {
  // specify upload params and url for your files
  const [isUpdatePreview, setIsUpdatePreview] = useState(false);
  const getUploadParams = ({ meta }: any) => {
    return { url: "https://httpbin.org/post" };
  };

  // called every time a file's `status` changes
  const handleChangeStatus = ({ meta, file }: any, status: any) => {
    setIsUpdatePreview(!isUpdatePreview);
    console.log(status, meta, file);
  };

  // receives array of files that are done uploading when submit button is clicked
  const handleSubmit = (files: any) => {
    console.log(files.map((f: any) => f.meta));
  };

  return (
    <Dropzone
      getUploadParams={getUploadParams}
      onChangeStatus={handleChangeStatus}
      onSubmit={handleSubmit}
      accept="image/*,audio/*,video/*"
    />
  );
};