Elius94
[Bug]: Unknown angle "NaN"
What happened?
i was hiding the component
What should have happened?
the component should've been hidden
Code
import React from 'react' import PropTypes from 'prop-types' import { ReactPhotoSphereViewer } from 'react-photo-sphere-viewer'
const Image360Viewer = props => { return ( <div className='h-full w-full absolute top-0 transform -translate-x-1/2 left-1/2 overflow-hidden z-5' > <ReactPhotoSphereViewer src={props.src} width="100%" height="100%" navbar={[ 'zoom', 'move', 'fullscreen', ]} defaultYaw={Math.PI} defaultPitch={0} defaultZoomLvl={0} autoplay fisheye={true} maxPov={0} autorotateSpeed="2rpm" panorama360 /> ) }
Image360Viewer.propTypes = { src: PropTypes.string.isRequired, }
export default Image360Viewer
Sandbox Link
No response
Library Version
6.0.0
What operating system are you using?
macOS
What browser are you using?
Firefox
Logs
Uncaught runtime errors: ERROR Unknown angle "NaN" _PSVError@http://localhost:3000/static/js/bundle.js:11384:5 parseAngle@http://localhost:3000/static/js/bundle.js:11600:11 cleanPosition@http://localhost:3000/static/js/bundle.js:15456:14 rotate@http://localhost:3000/static/js/bundle.js:17273:53 __applyMove@http://localhost:3000/static/js/bundle.js:16102:17 onTick@http://localhost:3000/static/js/bundle.js:15978:14 __run@http://localhost:3000/static/js/bundle.js:11690:20 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68 FrameRequestCallback*__run@http://localhost:3000/static/js/bundle.js:11691:36 ./node_modules/@photo-sphere-viewer/core/index.module.js/__run/this.animationFrame<@http://localhost:3000/static/js/bundle.js:11691:68
Interest to fix the bug
- [ ] I would like to fix this bug!
Thanks for the issue 🙏 I'll check when I return home after summer holiday. Have a nice day
