homarr: Application error: a client-side exception has occurred (see the browser console for more information).

Environment

Docker

Version

0.3.0

Describe the problem

When enabling calendar and date module in the settings I receive the following error:

Application error: a client-side exception has occurred (see the browser console for more information).

Running Safari Version 13.1.2 (14609.3.5.1.5) on macOS Mojave.

Additional info

The console is showing the following:

[Error] TypeError: e.filter((function(e){return"Sonarr"===e.type})).at is not a function. (In 'e.filter((function(e){return"Sonarr"===e.type})).at(0)', 'e.filter((function(e){return"Sonarr"===e.type})).at' is undefined)
(anonymous function) — _app-8c15738b73b8745a.js:1:344791
Yu — framework-81da43a8dcd978d9.js:1:93178
fs — framework-81da43a8dcd978d9.js:1:113604
(anonymous function) — framework-81da43a8dcd978d9.js:1:112341
cs — framework-81da43a8dcd978d9.js:1:112405
Gi — framework-81da43a8dcd978d9.js:1:104069
Gi
Vl — framework-81da43a8dcd978d9.js:1:46832
Ji — framework-81da43a8dcd978d9.js:1:104370
Le — framework-81da43a8dcd978d9.js:1:16061
jr — framework-81da43a8dcd978d9.js:1:38659
Hn — framework-81da43a8dcd978d9.js:1:23056
Qn — framework-81da43a8dcd978d9.js:1:22847
Qn

	ru (framework-81da43a8dcd978d9.js:1:71471)
	(anonymous function) (framework-81da43a8dcd978d9.js:1:71997)
	oa (framework-81da43a8dcd978d9.js:1:50709)
	si (framework-81da43a8dcd978d9.js:1:98661)
	ii (framework-81da43a8dcd978d9.js:1:98229)
	ui (framework-81da43a8dcd978d9.js:1:97765)
	(anonymous function) (framework-81da43a8dcd978d9.js:1:111943)
	cs (framework-81da43a8dcd978d9.js:1:112405)
	Gi (framework-81da43a8dcd978d9.js:1:104069)
	Gi
	Vl (framework-81da43a8dcd978d9.js:1:46832)
	Ji (framework-81da43a8dcd978d9.js:1:104370)
	Le (framework-81da43a8dcd978d9.js:1:16061)
	jr (framework-81da43a8dcd978d9.js:1:38659)
	Hn (framework-81da43a8dcd978d9.js:1:23056)
	Qn (framework-81da43a8dcd978d9.js:1:22847)
	Qn

and

[Error] A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
	te (main-f52e2f3bdf7944be.js:1:11725)
	fn (main-f52e2f3bdf7944be.js:1:13788)
	value (main-f52e2f3bdf7944be.js:1:7683)
	(anonymous function) (framework-81da43a8dcd978d9.js:1:72106)
	oa (framework-81da43a8dcd978d9.js:1:50709)
	si (framework-81da43a8dcd978d9.js:1:98661)
	ii (framework-81da43a8dcd978d9.js:1:98229)
	ui (framework-81da43a8dcd978d9.js:1:97765)
	(anonymous function) (framework-81da43a8dcd978d9.js:1:111943)
	cs (framework-81da43a8dcd978d9.js:1:112405)
	Gi (framework-81da43a8dcd978d9.js:1:104069)
	Gi
	Vl (framework-81da43a8dcd978d9.js:1:46832)
	Ji (framework-81da43a8dcd978d9.js:1:104370)
	Le (framework-81da43a8dcd978d9.js:1:16061)
	jr (framework-81da43a8dcd978d9.js:1:38659)
	Hn (framework-81da43a8dcd978d9.js:1:23056)
	Qn (framework-81da43a8dcd978d9.js:1:22847)
	Qn

Please tick the boxes

You’ve read the docs
You’ve checked for duplicate issues
You’ve tried to debug yourself

About this issue

Original URL
State: closed
Created 2 years ago
Comments: 50 (17 by maintainers)

Most upvoted comments

I hate how this is the biggest issue and I can’t solve it because I don’t have a fucking Apple product

ajnart on Jun 12, 2022

This issue does seem to be resolved in the current dev image. I will check once 0.6.5 is released.

aptonline on Jun 10, 2022

On my laptop MacOS 12.3 it seems to work. Only I don’t see a ping something when I enable this. What is the function of that? I will test it on my iMac 10.13 and check if it will work also.

Thanks for the input. The ping module will ping your services and show a green dot if they respond to the ping.

I see the dots.

poudenes on May 24, 2022

Can you guys try to run Homarr natively (with Node) and start it with yarn dev You should see the errors more detailed because it won’t be packaged like the release version. That might help @aptonline @CobreDev

ajnart on May 26, 2022

On my laptop MacOS 12.3 it seems to work. Only I don’t see a ping something when I enable this. What is the function of that? I will test it on my iMac 10.13 and check if it will work also.

Thanks for the input. The ping module will ping your services and show a green dot if they respond to the ping.

ajnart on May 24, 2022

On my laptop MacOS 12.3 it seems to work. Only I don’t see a ping something when I enable this. What is the function of that? I will test it on my iMac 10.13 and check if it will work also.

poudenes on May 24, 2022

I just want to fo a few more tests if that’s ok on my main machine then happy to close it off.

I can see the changes from pre 0.5.0 and 0.5.0 in the json file. Was this the culprit? Pre 0.5.0 default.json 0.5.0 default.json

Yes this is the new modules config format. It allows for easier module manipulations

ajnart on May 23, 2022

Looks like it’s the same problem I had, it has been fixed with latest dev version of docker

Upcoming v0.5.0 will hopefully resolve some of these issues

ajnart on May 23, 2022

@poudenes Can you confirm issue has been fixed on your side too ?

Removed container, removed image and get image new from git:

Safari when enable calendar get same error: Application error: a client-side exception has occurred (see the browser console for more information) when I want add a service get same error: Application error: a client-side exception has occurred (see the browser console for more information)

browser console:

[Error] TypeError: crypto.randomUUID is not a function. (In 'crypto.randomUUID()', 'crypto.randomUUID' is undefined)
fe — _app-a7609ab45c555501.js:1:257036
go — framework-81da43a8dcd978d9.js:1:62697
di — framework-81da43a8dcd978d9.js:1:120090
is — framework-81da43a8dcd978d9.js:1:106943
os — framework-81da43a8dcd978d9.js:1:106871
as — framework-81da43a8dcd978d9.js:1:106734
Ki — framework-81da43a8dcd978d9.js:1:103531
qi — framework-81da43a8dcd978d9.js:1:102097
qi
S — framework-81da43a8dcd978d9.js:1:138101
T — framework-81da43a8dcd978d9.js:1:138635

	te (main-f52e2f3bdf7944be.js:1:11708)
	fn (main-f52e2f3bdf7944be.js:1:13788)
	value (main-f52e2f3bdf7944be.js:1:7683)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:72106)
	oa (framework-81da43a8dcd978d9.js:1:50709)
	si (framework-81da43a8dcd978d9.js:1:98661)
	ii (framework-81da43a8dcd978d9.js:1:98229)
	ui (framework-81da43a8dcd978d9.js:1:97765)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:111943)
	cs (framework-81da43a8dcd978d9.js:1:112405)
	qi (framework-81da43a8dcd978d9.js:1:102823)
	qi
	S (framework-81da43a8dcd978d9.js:1:138101)
	T (framework-81da43a8dcd978d9.js:1:138635)
[Error] A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
	te (main-f52e2f3bdf7944be.js:1:11725)
	fn (main-f52e2f3bdf7944be.js:1:13788)
	value (main-f52e2f3bdf7944be.js:1:7683)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:72106)
	oa (framework-81da43a8dcd978d9.js:1:50709)
	si (framework-81da43a8dcd978d9.js:1:98661)
	ii (framework-81da43a8dcd978d9.js:1:98229)
	ui (framework-81da43a8dcd978d9.js:1:97765)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:111943)
	cs (framework-81da43a8dcd978d9.js:1:112405)
	qi (framework-81da43a8dcd978d9.js:1:102823)
	qi
	S (framework-81da43a8dcd978d9.js:1:138101)
	T (framework-81da43a8dcd978d9.js:1:138635)
[Error] TypeError: e.filter((function(e){return"Sonarr"===e.type})).at is not a function. (In 'e.filter((function(e){return"Sonarr"===e.type})).at(0)', 'e.filter((function(e){return"Sonarr"===e.type})).at' is undefined)
(anonieme functie) — _app-a7609ab45c555501.js:1:373164
Yu — framework-81da43a8dcd978d9.js:1:93178
fs — framework-81da43a8dcd978d9.js:1:113604
(anonieme functie) — framework-81da43a8dcd978d9.js:1:112341
cs — framework-81da43a8dcd978d9.js:1:112405
Gi — framework-81da43a8dcd978d9.js:1:104069
Gi
Vl — framework-81da43a8dcd978d9.js:1:46832
Ji — framework-81da43a8dcd978d9.js:1:104370
Le — framework-81da43a8dcd978d9.js:1:16061
jr — framework-81da43a8dcd978d9.js:1:38659
Hn — framework-81da43a8dcd978d9.js:1:23056
Qn — framework-81da43a8dcd978d9.js:1:22847
Qn

	ru (framework-81da43a8dcd978d9.js:1:71471)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:71997)
	oa (framework-81da43a8dcd978d9.js:1:50709)
	si (framework-81da43a8dcd978d9.js:1:98661)
	ii (framework-81da43a8dcd978d9.js:1:98229)
	ui (framework-81da43a8dcd978d9.js:1:97765)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:111943)
	cs (framework-81da43a8dcd978d9.js:1:112405)
	Gi (framework-81da43a8dcd978d9.js:1:104069)
	Gi
	Vl (framework-81da43a8dcd978d9.js:1:46832)
	Ji (framework-81da43a8dcd978d9.js:1:104370)
	Le (framework-81da43a8dcd978d9.js:1:16061)
	jr (framework-81da43a8dcd978d9.js:1:38659)
	Hn (framework-81da43a8dcd978d9.js:1:23056)
	Qn (framework-81da43a8dcd978d9.js:1:22847)
	Qn
[Error] TypeError: e.filter((function(e){return"Sonarr"===e.type})).at is not a function. (In 'e.filter((function(e){return"Sonarr"===e.type})).at(0)', 'e.filter((function(e){return"Sonarr"===e.type})).at' is undefined)
(anonieme functie) — _app-a7609ab45c555501.js:1:373164
Yu — framework-81da43a8dcd978d9.js:1:93178
fs — framework-81da43a8dcd978d9.js:1:113604
(anonieme functie) — framework-81da43a8dcd978d9.js:1:112341
cs — framework-81da43a8dcd978d9.js:1:112405
Gi — framework-81da43a8dcd978d9.js:1:104069
Gi
Vl — framework-81da43a8dcd978d9.js:1:46832
Ji — framework-81da43a8dcd978d9.js:1:104370
Le — framework-81da43a8dcd978d9.js:1:16061
jr — framework-81da43a8dcd978d9.js:1:38659
Hn — framework-81da43a8dcd978d9.js:1:23056
Qn — framework-81da43a8dcd978d9.js:1:22847
Qn

	te (main-f52e2f3bdf7944be.js:1:11708)
	fn (main-f52e2f3bdf7944be.js:1:13788)
	value (main-f52e2f3bdf7944be.js:1:7683)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:72106)
	oa (framework-81da43a8dcd978d9.js:1:50709)
	si (framework-81da43a8dcd978d9.js:1:98661)
	ii (framework-81da43a8dcd978d9.js:1:98229)
	ui (framework-81da43a8dcd978d9.js:1:97765)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:111943)
	cs (framework-81da43a8dcd978d9.js:1:112405)
	Gi (framework-81da43a8dcd978d9.js:1:104069)
	Gi
	Vl (framework-81da43a8dcd978d9.js:1:46832)
	Ji (framework-81da43a8dcd978d9.js:1:104370)
	Le (framework-81da43a8dcd978d9.js:1:16061)
	jr (framework-81da43a8dcd978d9.js:1:38659)
	Hn (framework-81da43a8dcd978d9.js:1:23056)
	Qn (framework-81da43a8dcd978d9.js:1:22847)
	Qn
[Error] A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
	te (main-f52e2f3bdf7944be.js:1:11725)
	fn (main-f52e2f3bdf7944be.js:1:13788)
	value (main-f52e2f3bdf7944be.js:1:7683)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:72106)
	oa (framework-81da43a8dcd978d9.js:1:50709)
	si (framework-81da43a8dcd978d9.js:1:98661)
	ii (framework-81da43a8dcd978d9.js:1:98229)
	ui (framework-81da43a8dcd978d9.js:1:97765)
	(anonieme functie) (framework-81da43a8dcd978d9.js:1:111943)
	cs (framework-81da43a8dcd978d9.js:1:112405)
	Gi (framework-81da43a8dcd978d9.js:1:104069)
	Gi
	Vl (framework-81da43a8dcd978d9.js:1:46832)
	Ji (framework-81da43a8dcd978d9.js:1:104370)
	Le (framework-81da43a8dcd978d9.js:1:16061)
	jr (framework-81da43a8dcd978d9.js:1:38659)
	Hn (framework-81da43a8dcd978d9.js:1:23056)
	Qn (framework-81da43a8dcd978d9.js:1:22847)
	Qn

firefox when enable calendar that is working when I want add a service get same error: Application error: a client-side exception has occurred (see the browser console for more information)

browser console get 1 error:

FrameData missing for webextension@metamask.io page moz-extension://0cbf3573-8364-4e12-af70-3292b9ea076f/popup.html ExtensionPageChild.jsm:434
    initExtensionContext resource://gre/modules/ExtensionPageChild.jsm:434
    initExtensionDocument resource://gre/modules/ExtensionProcessScript.jsm:342

poudenes on May 23, 2022

@ajnart I’m pleased to say that 0.4.0 seems to have resolved this issue for me 👍🏼 .

aptonline on May 22, 2022

Can you try the dev image ? Or send me a video of the process of what you do

ajnart on May 17, 2022

@ajnart I opened up a working dashboard in Chrome and turned off enable Calendar and Date module and now the dashboard loads, shows Services and works correctly in Safari (both versions) so it’s definitely pointing towards an issue with the additional modules.

OK, that’s very weird. Unfortunately, I do not have a mac to try out on.

Maybe v0.3.1 will solve your problem with magic, who knows.

Can’t fix until I have a mac (should be soon!!)

ajnart on May 16, 2022

@ajnart Strangely when I visited it in Chrome and all working but then I tested it in Catalina using Safari Version 15.3 (15612.4.9.1.8, 15612) the services where gone and the error was showing straight away without changing anything. It’s like the setting were overwritten somehow.

aptonline on May 16, 2022