WSS or WS url showing Error....url is fragmented

[parthverma68]

using Basic player and for skipping browser auth ....
using root:[email protected] as hotname

(
<BasicPlayer
key={${streamIp}${streamUsername}${resolution}}
hostname={${streamUsername}:${streamPassword}@${streamIp}}
format={'RTP_H264'}
vapixParams={{ resolution: resolution }}
autoPlay
secure={secure}
/>
)

giving me error...

WebSocket connection to 'wss://root:[email protected]/rtsp-over-websocket' failed:
(anonymous) @ media-stream-library.min.js:2
media-stream-library.min.js:2 Uncaught DOMException: Failed to construct 'WebSocket': The URL contains a fragment identifier ('000000%22/%3E%3Clink%20rel=%22manifest%22%20href=%22/manifest.json%22/%3E%3Ctitle%3EField%20Analytics%3C/title%3E%3Cscript%20defer=%22defer%22%20src=%22/static/js/main.b1a69019.js%22%3E%3C/script%3E%3Clink%20href=%22/static/css/main.859b47fc.css%22%20rel=%22stylesheet%22%3E%3C/head%3E%3Cbody%3E%3Cnoscript%3EYou%20need%20to%20enable%20JavaScript%20to%20run%20this%20app.%3C/noscript%3E%3Cdiv%20id=%22root%22%3E%3C/div%3E%3C/body%3E%3C/html%3E'). Fragment identifiers are not allowed in WebSocket URLs.
at XMLHttpRequest. (https://10.102.11.239:8080/static/js/main.b1a69019.js:2:3406762)