I have an API that returns audio in the form of multipart. When I try it on postman, it works perfectly fine, but when I integrate it to my front-end the audio does arrive but when tried to play or download, it seems corrupted. The audio is a .wav file and this is how I fetched it.

 const res = await universalFilePost("getSl", formData);
                if (res?.ok) {
                    const responseData = await res.text();
                    const boundary = responseData.split('\n')[0].trim();

                    console.log("boundry is ", boundary);
                    const parts = responseData.split(boundary);
                    console.log("Parts is ", parts);
                    parts.forEach(part => {
                        if (part.includes('filename="audio.wav"')) {
                            const audioData = part.split('\r\n\r\n')[1].trim();
                            const audioBlob = new Blob([audioData], { type: 'audio/wav' });
                            console.log("audio is",audioBlob)
                            const audioUrl = URL.createObjectURL(audioBlob);
                            console.log("audio url is",audioUrl)
                            contextContainer.setAudio(audioUrl);
                        } else if (part.includes('Content-Disposition: form-data; name="text"')) {
                            const textData = part.split('\r\n\r\n')[1].trim();
                            console.log("textData is",textData);
                            contextContainer.setText(textData);
                        }
                    });