fix negative audio duration info crash react-range (#1701)

diff --git a/src/app/organisms/room/message/AudioContent.tsx b/src/app/organisms/room/message/AudioContent.tsx
index eae5447ba55386fcf08d275a7ed33b69ee3c7553..83e5dc010b2efb04960672282bacee2ebb4d66ab 100644 (file)
--- a/src/app/organisms/room/message/AudioContent.tsx
+++ b/src/app/organisms/room/message/AudioContent.tsx
@@ -45,7 +45,8 @@ export const AudioContent = as<'div', AudioContentProps>(
 
     const [currentTime, setCurrentTime] = useState(0);
     // duration in seconds. (NOTE: info.duration is in milliseconds)
-    const [duration, setDuration] = useState((info.duration ?? 0) / 1000);
+    const infoDuration = info.duration ?? 0;
+    const [duration, setDuration] = useState((infoDuration >= 0 ? infoDuration : 0) / 1000);
 
     const getAudioRef = useCallback(() => audioRef.current, []);
     const { loading } = useMediaLoading(getAudioRef);