fix: audio uploader has cache issue

src/pages/playground/components/ground-reranker.tsx

@@ -248,6 +248,7 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
   const submitMessage = async (query: string) => {
     try {
       setIsEmptyQuery(!queryValue);
+      setTokenResult(null);
       await formRef.current?.form.validateFields();
 
       if (!parameters.model || !queryValue) return;
@@ -262,7 +263,7 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
       setIsEmptyText(false);
       setLoading(true);
       setMessageId();
-      setTokenResult(null);
+
       requestToken.current?.cancel?.();
       requestToken.current = requestSource();
 

src/pages/playground/components/multiple-chat/message-actions.tsx

@@ -9,7 +9,7 @@ import {
 import { useIntl } from '@umijs/max';
 import { Button, Tooltip } from 'antd';
 import _ from 'lodash';
-import React, { useCallback } from 'react';
+import React from 'react';
 import { Roles } from '../../config';
 import {
   AudioFormat,
@@ -43,18 +43,17 @@ const MessageActions: React.FC<MessageActionsProps> = ({
 }) => {
   const intl = useIntl();
 
-  const handleUpdateImgList = useCallback(
-    (list: { uid: number | string; dataUrl: string }[]) => {
-      updateMessage?.({
-        role: data.role,
-        content: data.content,
-        uid: data.uid,
-        audio: data.audio || [],
-        imgs: [...(data.imgs || []), ...list]
-      });
-    },
-    [data, updateMessage]
-  );
+  const handleUpdateImgList = (
+    list: { uid: number | string; dataUrl: string }[]
+  ) => {
+    updateMessage?.({
+      role: data.role,
+      content: data.content,
+      uid: data.uid,
+      audio: data.audio || [],
+      imgs: [...(data.imgs || []), ...list]
+    });
+  };
 
   const handleUploadAudioChange = async (audio: {
     file: any;