Fix duration slider

components/teks/lekte.js

@@ -116,10 +116,10 @@ export default function Lekte({audio, url, teks}) {
 
   useEffect(() => {
     audioRef.current.pause()
-    setPosition(0)
     audioRef.current = new Audio(audio)
     setIsPlaying(false)
     setVolume(100)
+    setPosition(0)
   }, [audio])
 
   const handleChangePosition = value => {
@@ -161,11 +161,11 @@ export default function Lekte({audio, url, teks}) {
         <Slider
           aria-label='time-indicator'
           size='small'
-          defaultValue={0}
+          defaultValue={position}
-          value={position}
+          value={position || 0}
           min={0}
           step={1}
-          max={duration}
+          max={duration || 100}
           sx={{
             color: theme.palette.mode === 'dark' ? '#fff' : 'rgba(0,0,0,0.87)',
             height: 4,