Closed Zaprit closed 3 years ago
I can confirm the exact behavior in Normal mode, not Test mode., on every device I tested it. I am running IRIS 3.55.0 on a Raspberry Buster.
Clients (all defective):
Mac OS 11.0.1 Browser: Chrome
Android OS 10 Browser: Chrome
iPad iOS 14.2 Browser: Safari
@fmarzocca please remember that you will need to refresh the cache completely on each client. Browsers do some heavy caching, especially for mobile devices, so you will need to make sure they are completely cleared to ensure they're running the latest Iris build.
FYI you can compare the build number under Settings > Advanced > Version across your clients to ensure they're on the same build.
Clients are all on the same build and I deeply cleared cache, localDBs, cookies, etc.
It works on any device if I restart the server, but after a while (about a day) it starts again showing a black screen and I cannot interact anymore with it, until I restart the server again.
On Thu, Dec 3, 2020 at 6:37 PM James Barnsley notifications@github.com wrote:
@fmarzocca https://github.com/fmarzocca please remember that you will need to refresh the cache completely on each client. Browsers do some heavy caching, especially for mobile devices, so you will need to make sure they are completely cleared to ensure they're running the latest Iris build.
FYI you can compare the build number under Settings > Advanced > Version across your clients to ensure they're on the same build.
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/jaedb/Iris/issues/664#issuecomment-738167888, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACBCQ3UMKWWQDAH3ICXPKCDSS7EFZANCNFSM4UHRBLSQ .
Can you please provide your browser's console log? Make sure you have test mode enabled first.
Yes, I will provide it as soon as the issue reappears. Now I have just restarted the server and it is working
On Thu, Dec 3, 2020 at 6:55 PM James Barnsley notifications@github.com wrote:
Can you please provide your browser's console log? Make sure you have test mode enabled first.
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/jaedb/Iris/issues/664#issuecomment-738178140, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACBCQ3TSBFKFGKM6CH75JOLSS7GH7ANCNFSM4UHRBLSQ .
Here it is, test-mode, after a click on any button:
redux-persist/stateReconciler: rehydrated keys 'mopidy, lastfm, genius,
google, snapcast, _persist'
autoMergeLevel1.js:35 redux-persist/stateReconciler: rehydrated keys
'outputs, queue, queue_metadata, current_track, pinned, seeds_resolved,
radio, current_tracklist, current_track_uri, genres, stream_title,
next_track_uri, _persist'
autoMergeLevel1.js:35 redux-persist/stateReconciler: rehydrated keys
'language, theme, smooth_scrolling_enabled, hotkeys_enabled,
playback_controls_touch_enabled, allow_reporting, wide_scrollbar_enabled,
slim_mode, suppressed_broadcasts, grid_glow_enabled, window_title,
uri_schemes_search_enabled, initial_setup_complete, _persist'
autoMergeLevel1.js:35 redux-persist/stateReconciler: rehydrated keys 'host,
port, ssl, current_server, servers, mute, volume, play_state, uri_schemes,
library_albums_uri, library_artists_uri, consume, random, repeat, _persist'
autoMergeLevel1.js:35 redux-persist/stateReconciler: rehydrated keys
'country, locale, enabled, access_token, me, token_expiry, _persist'
autoMergeLevel1.js:35 redux-persist/stateReconciler: rehydrated keys
'connected, username, client_id, version, config, connecting,
connection_id, commands, pinned, upgrading, _persist'
MediaSession.js:32 Uncaught TypeError: Cannot read property '0' of undefined
at getDerivedStateFromProps (MediaSession.js:32)
at applyDerivedStateFromProps (react-dom.development.js:12603)
at mountClassInstance (react-dom.development.js:13041)
at updateClassComponent (react-dom.development.js:17101)
at beginWork (react-dom.development.js:18620)
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at HTMLUnknownElement.sentryWrapped (helpers.js:72)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at beginWork$1 (react-dom.development.js:23203)
at performUnitOfWork (react-dom.development.js:22157)
at workLoopSync (react-dom.development.js:22130)
at performSyncWorkOnRoot (react-dom.development.js:21756)
at react-dom.development.js:11089
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11039)
at flushSyncCallbackQueueImpl (react-dom.development.js:11084)
at flushSyncCallbackQueue (react-dom.development.js:11072)
at discreteUpdates$1 (react-dom.development.js:21893)
at discreteUpdates (react-dom.development.js:806)
at dispatchDiscreteEvent (react-dom.development.js:4168)
at HTMLDocument.sentryWrapped (helpers.js:72)
getDerivedStateFromProps @ MediaSession.js:32
applyDerivedStateFromProps @ react-dom.development.js:12603
mountClassInstance @ react-dom.development.js:13041
updateClassComponent @ react-dom.development.js:17101
beginWork @ react-dom.development.js:18620
callCallback @ react-dom.development.js:188
sentryWrapped @ helpers.js:72
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
beginWork$1 @ react-dom.development.js:23203
performUnitOfWork @ react-dom.development.js:22157
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
discreteUpdates$1 @ react-dom.development.js:21893
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
sentryWrapped @ helpers.js:72
instrument.js:109 The above error occurred in the <MediaSession> component:
in MediaSession (created by ConnectFunction)
in ConnectFunction (created by App)
in div (created by App)
in App (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in Route
in Router (created by BrowserRouter)
in BrowserRouter
in PersistGate
in Provider
Consider adding an error boundary to your tree to customize error handling
behavior.
Visit https://fb.me/react-error-boundaries to learn more about error
boundaries.
(anonymous) @ instrument.js:109
logCapturedError @ react-dom.development.js:19527
logError @ react-dom.development.js:19564
update.callback @ react-dom.development.js:20708
callCallback @ react-dom.development.js:12490
commitUpdateQueue @ react-dom.development.js:12511
commitLifeCycles @ react-dom.development.js:19883
commitLayoutEffects @ react-dom.development.js:22803
callCallback @ react-dom.development.js:188
sentryWrapped @ helpers.js:72
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
commitRootImpl @ react-dom.development.js:22541
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
commitRoot @ react-dom.development.js:22381
finishSyncRender @ react-dom.development.js:21807
performSyncWorkOnRoot @ react-dom.development.js:21793
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
discreteUpdates$1 @ react-dom.development.js:21893
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
sentryWrapped @ helpers.js:72
MediaSession.js:32 Uncaught TypeError: Cannot read property '0' of undefined
at getDerivedStateFromProps (MediaSession.js:32)
at applyDerivedStateFromProps (react-dom.development.js:12603)
at mountClassInstance (react-dom.development.js:13041)
at updateClassComponent (react-dom.development.js:17101)
at beginWork (react-dom.development.js:18620)
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at HTMLUnknownElement.sentryWrapped (helpers.js:72)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at beginWork$1 (react-dom.development.js:23203)
at performUnitOfWork (react-dom.development.js:22157)
at workLoopSync (react-dom.development.js:22130)
at performSyncWorkOnRoot (react-dom.development.js:21756)
at react-dom.development.js:11089
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11039)
at flushSyncCallbackQueueImpl (react-dom.development.js:11084)
at flushSyncCallbackQueue (react-dom.development.js:11072)
at discreteUpdates$1 (react-dom.development.js:21893)
at discreteUpdates (react-dom.development.js:806)
at dispatchDiscreteEvent (react-dom.development.js:4168)
at HTMLDocument.sentryWrapped (helpers.js:72)
getDerivedStateFromProps @ MediaSession.js:32
applyDerivedStateFromProps @ react-dom.development.js:12603
mountClassInstance @ react-dom.development.js:13041
updateClassComponent @ react-dom.development.js:17101
beginWork @ react-dom.development.js:18620
callCallback @ react-dom.development.js:188
sentryWrapped @ helpers.js:72
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
beginWork$1 @ react-dom.development.js:23203
performUnitOfWork @ react-dom.development.js:22157
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
discreteUpdates$1 @ react-dom.development.js:21893
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
sentryWrapped @ helpers.js:72
libflac.js:104 POST
https://o99789.ingest.sentry.io/api/219026/store/?sentry_key=ca99fb6662fe40ae8ec4c18a466e4b4b&sentry_version=7
429 (Too Many Requests)
global.fetch @ libflac.js:104
(anonymous) @ instrument.js:136
(anonymous) @ fetch.js:55
SyncPromise @ syncpromise.js:78
./node_modules/@sentry/browser/esm/transports/fetch.js.FetchTransport._sendRequest
@ fetch.js:53
./node_modules/@sentry/browser/esm/transports/fetch.js.FetchTransport.sendEvent
@ fetch.js:16
./node_modules/@sentry/core/esm/basebackend.js.BaseBackend.sendEvent @
basebackend.js:33
./node_modules/@sentry/core/esm/baseclient.js.BaseClient._sendEvent @
baseclient.js:361
./node_modules/@sentry/browser/esm/client.js.BrowserClient._sendEvent @
client.js:64
(anonymous) @ baseclient.js:432
onfulfilled @ syncpromise.js:137
(anonymous) @ syncpromise.js:66
SyncPromise._executeHandlers @ syncpromise.js:59
SyncPromise._attachHandler @ syncpromise.js:50
(anonymous) @ syncpromise.js:127
SyncPromise @ syncpromise.js:78
./node_modules/@sentry/utils/esm/syncpromise.js.SyncPromise.then @
syncpromise.js:126
./node_modules/@sentry/core/esm/baseclient.js.BaseClient._processEvent @
baseclient.js:424
./node_modules/@sentry/core/esm/baseclient.js.BaseClient._captureEvent @
baseclient.js:370
(anonymous) @ baseclient.js:66
onfulfilled @ syncpromise.js:137
(anonymous) @ syncpromise.js:66
SyncPromise._executeHandlers @ syncpromise.js:59
SyncPromise._attachHandler @ syncpromise.js:50
(anonymous) @ syncpromise.js:127
SyncPromise @ syncpromise.js:78
./node_modules/@sentry/utils/esm/syncpromise.js.SyncPromise.then @
syncpromise.js:126
./node_modules/@sentry/core/esm/baseclient.js.BaseClient.captureException @
baseclient.js:66
./node_modules/@sentry/hub/esm/hub.js.Hub._invokeClient @ hub.js:348
./node_modules/@sentry/hub/esm/hub.js.Hub.captureException @ hub.js:135
callOnHub @ index.js:17
captureException @ index.js:36
(anonymous) @ helpers.js:86
./node_modules/@sentry/hub/esm/hub.js.Hub.withScope @ hub.js:87
callOnHub @ index.js:17
withScope @ index.js:151
sentryWrapped @ helpers.js:76
Show 7 more frames
I confirm that restarting the server, every client works again (for a while)
I restarted mopidy, I've deleted all navigation data from Firefox on my Android device, I've opened a private navigation tab and then saw the usual page asking for the server URL. After I clicked "save" I got a black screen.
Is there an hotfix available? I am not able to use Iris from any device, always having to reboot the server
James, I understand your developing efforts, but the issue is again there. Either on Mac (Chrome) and on Android (CHrome)... If you need I will provide console log.
Uncaught TypeError: Cannot read property '0' of undefined
at getDerivedStateFromProps (MediaSession.js:32)
at applyDerivedStateFromProps (react-dom.development.js:12603)
at mountClassInstance (react-dom.development.js:13041)
at updateClassComponent (react-dom.development.js:17101)
at beginWork (react-dom.development.js:18620)
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at HTMLUnknownElement.sentryWrapped (helpers.js:72)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at beginWork$1 (react-dom.development.js:23203)
at performUnitOfWork (react-dom.development.js:22157)
at workLoopSync (react-dom.development.js:22130)
at performSyncWorkOnRoot (react-dom.development.js:21756)
at react-dom.development.js:11089
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11039)
at flushSyncCallbackQueueImpl (react-dom.development.js:11084)
at flushSyncCallbackQueue (react-dom.development.js:11072)
at discreteUpdates$1 (react-dom.development.js:21893)
at discreteUpdates (react-dom.development.js:806)
at dispatchDiscreteEvent (react-dom.development.js:4168)
at HTMLDocument.sentryWrapped (helpers.js:72)
getDerivedStateFromProps @ MediaSession.js:32
applyDerivedStateFromProps @ react-dom.development.js:12603
mountClassInstance @ react-dom.development.js:13041
updateClassComponent @ react-dom.development.js:17101
beginWork @ react-dom.development.js:18620
callCallback @ react-dom.development.js:188
sentryWrapped @ helpers.js:72
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
beginWork$1 @ react-dom.development.js:23203
performUnitOfWork @ react-dom.development.js:22157
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
discreteUpdates$1 @ react-dom.development.js:21893
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
sentryWrapped @ helpers.js:72
instrument.js:109 The above error occurred in the <MediaSession> component:
in MediaSession (created by ConnectFunction)
in ConnectFunction (created by App)
in div (created by App)
in App (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in Route
in Router (created by BrowserRouter)
in BrowserRouter
in PersistGate
in Provider
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
(anonymous) @ instrument.js:109
logCapturedError @ react-dom.development.js:19527
logError @ react-dom.development.js:19564
update.callback @ react-dom.development.js:20708
callCallback @ react-dom.development.js:12490
commitUpdateQueue @ react-dom.development.js:12511
commitLifeCycles @ react-dom.development.js:19883
commitLayoutEffects @ react-dom.development.js:22803
callCallback @ react-dom.development.js:188
sentryWrapped @ helpers.js:72
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
commitRootImpl @ react-dom.development.js:22541
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
commitRoot @ react-dom.development.js:22381
finishSyncRender @ react-dom.development.js:21807
performSyncWorkOnRoot @ react-dom.development.js:21793
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
discreteUpdates$1 @ react-dom.development.js:21893
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
sentryWrapped @ helpers.js:72
MediaSession.js:32 Uncaught TypeError: Cannot read property '0' of undefined
at getDerivedStateFromProps (MediaSession.js:32)
at applyDerivedStateFromProps (react-dom.development.js:12603)
at mountClassInstance (react-dom.development.js:13041)
at updateClassComponent (react-dom.development.js:17101)
at beginWork (react-dom.development.js:18620)
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at HTMLUnknownElement.sentryWrapped (helpers.js:72)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at beginWork$1 (react-dom.development.js:23203)
at performUnitOfWork (react-dom.development.js:22157)
at workLoopSync (react-dom.development.js:22130)
at performSyncWorkOnRoot (react-dom.development.js:21756)
at react-dom.development.js:11089
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11039)
at flushSyncCallbackQueueImpl (react-dom.development.js:11084)
at flushSyncCallbackQueue (react-dom.development.js:11072)
at discreteUpdates$1 (react-dom.development.js:21893)
at discreteUpdates (react-dom.development.js:806)
at dispatchDiscreteEvent (react-dom.development.js:4168)
at HTMLDocument.sentryWrapped (helpers.js:72)
getDerivedStateFromProps @ MediaSession.js:32
applyDerivedStateFromProps @ react-dom.development.js:12603
mountClassInstance @ react-dom.development.js:13041
updateClassComponent @ react-dom.development.js:17101
beginWork @ react-dom.development.js:18620
callCallback @ react-dom.development.js:188
sentryWrapped @ helpers.js:72
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
beginWork$1 @ react-dom.development.js:23203
performUnitOfWork @ react-dom.development.js:22157
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
(anonymous) @ react-dom.development.js:11089
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
flushSyncCallbackQueueImpl @ react-dom.development.js:11084
flushSyncCallbackQueue @ react-dom.development.js:11072
discreteUpdates$1 @ react-dom.development.js:21893
discreteUpdates @ react-dom.development.js:806
dispatchDiscreteEvent @ react-dom.development.js:4168
sentryWrapped @ helpers.js:72
libflac.js:104 POST https://o99789.ingest.sentry.io/api/219026/store/?sentry_key=ca99fb6662fe40ae8ec4c18a466e4b4b&sentry_version=7 429 (Too Many Requests)
global.fetch @ libflac.js:104
(anonymous) @ instrument.js:136
(anonymous) @ fetch.js:55
SyncPromise @ syncpromise.js:78
./node_modules/@sentry/browser/esm/transports/fetch.js.FetchTransport._sendRequest @ fetch.js:53
./node_modules/@sentry/browser/esm/transports/fetch.js.FetchTransport.sendEvent @ fetch.js:16
./node_modules/@sentry/core/esm/basebackend.js.BaseBackend.sendEvent @ basebackend.js:33
./node_modules/@sentry/core/esm/baseclient.js.BaseClient._sendEvent @ baseclient.js:361
./node_modules/@sentry/browser/esm/client.js.BrowserClient._sendEvent @ client.js:64
(anonymous) @ baseclient.js:432
onfulfilled @ syncpromise.js:137
(anonymous) @ syncpromise.js:66
SyncPromise._executeHandlers @ syncpromise.js:59
SyncPromise._attachHandler @ syncpromise.js:50
(anonymous) @ syncpromise.js:127
SyncPromise @ syncpromise.js:78
./node_modules/@sentry/utils/esm/syncpromise.js.SyncPromise.then @ syncpromise.js:126
./node_modules/@sentry/core/esm/baseclient.js.BaseClient._processEvent @ baseclient.js:424
./node_modules/@sentry/core/esm/baseclient.js.BaseClient._captureEvent @ baseclient.js:370
(anonymous) @ baseclient.js:66
onfulfilled @ syncpromise.js:137
(anonymous) @ syncpromise.js:66
SyncPromise._executeHandlers @ syncpromise.js:59
SyncPromise._attachHandler @ syncpromise.js:50
(anonymous) @ syncpromise.js:127
SyncPromise @ syncpromise.js:78
./node_modules/@sentry/utils/esm/syncpromise.js.SyncPromise.then @ syncpromise.js:126
./node_modules/@sentry/core/esm/baseclient.js.BaseClient.captureException @ baseclient.js:66
./node_modules/@sentry/hub/esm/hub.js.Hub._invokeClient @ hub.js:348
./node_modules/@sentry/hub/esm/hub.js.Hub.captureException @ hub.js:135
callOnHub @ index.js:17
captureException @ index.js:36
(anonymous) @ helpers.js:86
./node_modules/@sentry/hub/esm/hub.js.Hub.withScope @ hub.js:87
callOnHub @ index.js:17
withScope @ index.js:151
sentryWrapped @ helpers.js:76
Show 7 more frames
For me this error persists: When I click on settings, the screen goes black. This only happens after I entered my spotify credentials...
Did you resolvee this issue?
If I empty the cache and skip the initial login screen I can see the settings: http://192.168.xxx.xxx:6680/iris/settings?ui={%22initial_setup_complete%22:true} can I somehow persist this urlParameter?
Yes, this issue is resolved. I recommend you clear all settings in your browser, after upgrading Iris to the latest version (and restarting mopidy). You can also try your browser's incognito mode to ensure you're seeing the latest version of Iris.
Clicking the ^ button on the right bottom corner, to bring up the volume when snapcast enabled, results on black screen.
My setup: Android 12 with Chrome
Tried on incognito mode (no cache issue)
Describe the bug I have a fresh installation of mopidy with iris on it to go with my pirate audio pimoroni pi hat and go to the web interface and click on anything and i just get a black screen.
To Reproduce Steps to reproduce the behavior:
Expected behavior Not a black screen after clicking anything???
Console log
Screenshots
![After Clicking](https://user-images.githubusercontent.com/18514680/100612721-55ad2700-330b-11eb-8157-d572961eca84.png)
Environment details:
Additional context I am using this with the pimoroni pirate audio hat and the plugins required for that if that makes any difference