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

[X] You've read the docs
[X] You've checked for duplicate issues
[X] You've tried to debug yourself

May 16 '22 12:05 aptonline

@aptonline Can you verify that your settings save correctly when adding a service ? (add a service than refresh) This might be due to a permission problem.

May 16 '22 13:05 ajnart

@ajnart Confirmed settings for adding services and changing search engine is saving in default.json.

May 16 '22 13:05 aptonline

@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.

May 16 '22 13:05 aptonline

This is weird. In safari, you can't even load the main page? Or can you just not load your config?

May 16 '22 13:05 ajnart

I can load the page but receive the error straight away. This is both Mojave - Safari 13.1.2 (14609.3.5.1.5) and Catalina - Safari 15.3 (15612.4.9.1.8, 15612).

Screenshot 2022-05-16 at 14 54 34

May 16 '22 13:05 aptonline

@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.

May 16 '22 14:05 aptonline

@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!!)

May 16 '22 20:05 ajnart

I like your optimism 👍🏼 but 0.3.1 unfortunately didn't fix the issue 👎🏼 .

May 17 '22 11:05 aptonline

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

May 17 '22 11:05 ajnart

I only get the error screen when I try enable calendar module p.s. enable ping module is not working at all.

May 19 '22 15:05 poudenes

I only get the error screen when I try enable calendar module p.s. enable ping module is not working at all.

Are you on Mac ? What does the console show ? What do you mean by not working ? The switch doesn't switch, it doesn't update or always shows red ? Please send screenshots and more info otherwise I will not be able to help you.

May 19 '22 16:05 ajnart

I only get the error screen when I try enable calendar module p.s. enable ping module is not working at all.

Are you on Mac ? What does the console show ? What do you mean by not working ? The switch doesn't switch, it doesn't update or always shows red ? Please send screenshots and more info otherwise I will not be able to help you.

Im on a mac indeed. When i use the switch i dont see any change on the screen.

May 20 '22 13:05 poudenes

I only get the error screen when I try enable calendar module p.s. enable ping module is not working at all.

Are you on Mac ? What does the console show ? What do you mean by not working ? The switch doesn't switch, it doesn't update or always shows red ? Please send screenshots and more info otherwise I will not be able to help you.

Im on a mac indeed. When i use the switch i dont see any change on the screen.

Safari problem then I presume. I will look into it when I get my MacBook

May 20 '22 13:05 ajnart

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

May 22 '22 23:05 aptonline

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

Wow. This is news to me I have absolutely no idea what could've fixed it.

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

May 23 '22 05:05 ajnart

@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 [email protected] 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

May 23 '22 07:05 poudenes

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

Wow. This is news to me I have absolutely no idea what could've fixed it.

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

I spoke too soon, its still broken for me too. On one device running Catalina is worked but on another it shows the same error. The same on Mojave too. Appreciate these are older version of macOS, and therefore Safari, but should work all the same.

May 23 '22 09:05 aptonline

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

May 23 '22 09:05 hbooo

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

May 23 '22 10:05 ajnart

0.5.0 installed and same issues. Cleared cache to make sure is nothing related to that. Also I'm afraid to say its not just Safari related, tried accessing the latest Homarr in Firefox on macOS and receiving the same error. Screenshot 2022-05-23 at 21 04 28 Screenshot 2022-05-23 at 21 03 07

May 23 '22 20:05 aptonline

Ok not sure if 0.5.0 has implemented a different json scheme but after creating a new config file and populating it from scratch enabling and disabling the calendar, date modules (or any module for that matter) doesn't seem to cause the error.

I shall keep testing but its looking good.

May 23 '22 20:05 aptonline

Ok not sure if 0.5.0 has implemented a different json scheme but after creating a new config file and populating it from scratch enabling and disabling the calendar, date modules (or any module for that matter) doesn't seem to cause the error.

I shall keep testing but its looking good.

Glad this works ! Can I mark this as solved ?

May 23 '22 20:05 ajnart

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? Screenshot 2022-05-23 at 21 43 14 Pre 0.5.0 default.json 0.5.0 default.json

May 23 '22 20:05 aptonline

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

May 23 '22 20:05 ajnart

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.

May 24 '22 09:05 poudenes

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.

May 24 '22 09:05 ajnart

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.

May 24 '22 09:05 poudenes

I will close and mark this issue as fixed. Feel free to re-open it if the issue ever occurs again!

May 24 '22 11:05 walkxcode

Issue still happening for me in Mojave - Safari Version 13.1.2 (14609.3.5.1.5) Interestingly when viewing the default.json files the json is truncated like its not fully loading the file? it's also reverting to a default state (note the different search engine) and in a different order (services before settings). Is this pointing to the potential issue? Screenshot 2022-05-24 at 15 26 07 default.json on Mojave in Safari default.json on Mojave in Chrome

May 24 '22 14:05 aptonline

Issue still happening for me in Mojave - Safari Version 13.1.2 (14609.3.5.1.5) Interestingly when viewing the default.json files the json is truncated like its not fully loading the file? it's also reverting to a default state (note the different search engine) and in a different order (services before settings). Is this pointing to the potential issue? default.json on Mojave in Safari default.json on Mojave in Chrome

I have no idea at this point. Default.json should be the same on both browser because it's literally a file on your computer…

May 24 '22 14:05 ajnart

homarr homarr copied to clipboard

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

Environment

Version

Describe the problem

Additional info

Please tick the boxes

homarr
homarr copied to clipboard