trying to access RTSP feed From AXIS cam... getting Error WEBSOCKET connection faild..

[parthverma68]

was working with axis cam integration in my application.....with simple code

return (
<BasicPlayer
key={${streamIp}${streamUsername}${resolution}${secure}}
hostname={root:[email protected]}
format={'RTP_H264'}
vapixParams={{ resolution: resolution }}
autoPlay
secure={secure}
/>
)

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.e89f4b02.js%22%3E%3C/script%3E%3Clink%20href=%22/static/css/main.9ef56f58.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://localhost:3003/static/js/bundle.js:482150:27)
}

is it because internally : is converted to % => root:sicksick => root%sicksick

i have seen the same code working for WS or http ...but having issue in https or WSS