I don't understand why am seeing "NaN' in the size field with the code below; <div className="flex flex-col w-64 h-80 rounded-xl bg-white drop-shadow-md justify-between p-4 transition-all transform hover:scale-105 hover:bg-green-600 hover:text-white cursor-pointer group"> <div className="flex-1" onClick={() => { router.push(`/dashboard/file/${id}`); }} > <p className="font-semibold line-clamp-2">{name}</p> <p className="text-sm text-gray-500 group-hover:text-green-100"> {/** render size in kbs */} {byteSize(size).value} KB </p> </div> </div>