[bug]: settings are broken by the latest update #2683
Description
Is there an existing issue for this?
- There is no exsiting issue for this bug
Describe the bug
When I click on "settings" and try to change anything (like font), nothing is changed and the reading view is frozen
Relevant log output
vcd15cbe7772f49c399c6a5babf22c1241717689176015:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at lg (framework-5e223c2ecbdc7e12.js:9:46339)
at i (framework-5e223c2ecbdc7e12.js:9:121054)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oS (framework-5e223c2ecbdc7e12.js:9:93934)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
framework-5e223c2ecbdc7e12.js:9 Uncaught Error: Minified React error #423; visit https://reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at i (framework-5e223c2ecbdc7e12.js:9:120723)
at oO (framework-5e223c2ecbdc7e12.js:9:99021)
at framework-5e223c2ecbdc7e12.js:9:98888
at oF (framework-5e223c2ecbdc7e12.js:9:98895)
at oE (framework-5e223c2ecbdc7e12.js:9:95647)
at oS (framework-5e223c2ecbdc7e12.js:9:94202)
at E (framework-5e223c2ecbdc7e12.js:33:1364)
at MessagePort.T (framework-5e223c2ecbdc7e12.js:33:1894)
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
www.clarity.ms/tag/ntb23fmsy6:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
/api/proxy/auth/reading-sessions:1 Failed to load resource: the server responded with a status of 401 ()
/api/proxy/auth/users/syncLocalData:1 Failed to load resource: the server responded with a status of 401 ()
/api/proxy/auth/preferences:1 Failed to load resource: the server responded with a status of 401 ()
quran.com/:1 [Intervention] Images loaded lazily and replaced with placeholders. Load events are deferred. See https://go.microsoft.com/fwlink/?linkid=2048113
/api/proxy/auth/streak?mushafId=2&from=2025-12-14&to=2025-12-20&type=QURAN:1 Failed to load resource: the server responded with a status of 401 ()
/api/proxy/auth/users/syncLocalData:1 Failed to load resource: the server responded with a status of 401 ()
/api/proxy/auth/users/profile:1 Failed to load resource: the server responded with a status of 401 ()
_app-209adb7b3adfa4f3.js:94 [2025-12-19T01:21:10.698Z] @firebase/analytics: The measurement ID in the local Firebase config (G-9QDXNQW4J7) does not match the measurement ID fetched from the server (G-RXS3XWNVGG). To ensure analytics events are always sent to the correct Analytics property, update the measurement ID field in the local config or remove it from the local config.
(anonymous) @ _app-209adb7b3adfa4f3.js:94
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
_app-209adb7b3adfa4f3.js:94 Using the Sanity client without specifying an API version is deprecated. See https://www.sanity.io/help/js-client-api-version
(anonymous) @ _app-209adb7b3adfa4f3.js:94
_app-209adb7b3adfa4f3.js:94 react-virtuoso: Zero-sized element, this should not happen Object
(anonymous) @ _app-209adb7b3adfa4f3.js:94
_app-209adb7b3adfa4f3.js:94 react-virtuoso: Zero-sized element, this should not happen Object
(anonymous) @ _app-209adb7b3adfa4f3.js:94
_app-209adb7b3adfa4f3.js:94 react-virtuoso: Zero-sized element, this should not happen Object
(anonymous) @ _app-209adb7b3adfa4f3.js:94
_app-209adb7b3adfa4f3.js:94 react-virtuoso: Zero-sized element, this should not happen Object
(anonymous) @ _app-209adb7b3adfa4f3.js:94
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
sentry.quran.foundation/api/2/envelope/?sentry_version=7&sentry_key=a4b19e57881a3274716329ef20981081&sentry_client=sentry.javascript.nextjs%2F9.19.0:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENTSteps to reproduce
- Go to any page (e.g. https://quran.com/page/215)
- Click on "Settings"
- Click on a different font
Environment (please complete the following information) and Add any other context about this bug
OS: MacOS, iOS
Browser: Chrome, Edge, Safari
Environment
Production(quran.com)