Client-side error on observablehq.com
under review
Martin
Observable is an interactive code notebook I use for work. When using on Chrome it works like a charm, but when I log in on Beam it raised « Application error: client-side exception».
One hypothesis is that Beam blocks some JS libraries (sentry, google analytics) as I see the following errors in my console:
[Error] Resource blocked by content blocker
fetch
(anonymous function) (_app-be06ea1e082913de.js:1:93624)
t (_app-be06ea1e082913de.js:1:49379)
(anonymous function) (_app-be06ea1e082913de.js:1:93600)
add (_app-be06ea1e082913de.js:1:88818)
(anonymous function) (_app-be06ea1e082913de.js:1:93572)
(anonymous function) (_app-be06ea1e082913de.js:1:87090)
(anonymous function) (_app-be06ea1e082913de.js:1:82357)
(anonymous function) (_app-be06ea1e082913de.js:1:80953)
(anonymous function) (_app-be06ea1e082913de.js:1:5975)
(anonymous function) (_app-be06ea1e082913de.js:1:5240)
Qe (_app-be06ea1e082913de.js:1:97739)
(anonymous function) (_app-be06ea1e082913de.js:1:97577)
be (_app-be06ea1e082913de.js:1:97669)
(anonymous function) (_app-be06ea1e082913de.js:1:112492)
(anonymous function) (_app-be06ea1e082913de.js:1:112496)
(anonymous function) (_app-be06ea1e082913de.js:1:112676)
n (webpack-ad02ebd903b8a2cd.js:1:154)
e (_app-be06ea1e082913de.js:1:780385)
(anonymous function) (_app-be06ea1e082913de.js:1:780440)
(anonymous function) (webpack-ad02ebd903b8a2cd.js:1:524)
(anonymous function) (_app-be06ea1e082913de.js:1:780476)
t (webpack-ad02ebd903b8a2cd.js:1:3987)
t
Global Code (_app-be06ea1e082913de.js:1)
[Error] Fetch API cannot load https://o299802.ingest.sentry.io/api/5593183/envelope/?sentry_key=ca9eac14b9164458a334243bb3c08c45&sentry_version=7 due to access control checks.
fetch
(anonymous function) (_app-be06ea1e082913de.js:1:93624)
t (_app-be06ea1e082913de.js:1:49379)
(anonymous function) (_app-be06ea1e082913de.js:1:93600)
add (_app-be06ea1e082913de.js:1:88818)
(anonymous function) (_app-be06ea1e082913de.js:1:93572)
(anonymous function) (_app-be06ea1e082913de.js:1:87090)
(anonymous function) (_app-be06ea1e082913de.js:1:82357)
(anonymous function) (_app-be06ea1e082913de.js:1:80953)
(anonymous function) (_app-be06ea1e082913de.js:1:5975)
(anonymous function) (_app-be06ea1e082913de.js:1:5240)
Qe (_app-be06ea1e082913de.js:1:97739)
(anonymous function) (_app-be06ea1e082913de.js:1:97577)
be (_app-be06ea1e082913de.js:1:97669)
(anonymous function) (_app-be06ea1e082913de.js:1:112492)
(anonymous function) (_app-be06ea1e082913de.js:1:112496)
(anonymous function) (_app-be06ea1e082913de.js:1:112676)
n (webpack-ad02ebd903b8a2cd.js:1:154)
e (_app-be06ea1e082913de.js:1:780385)
(anonymous function) (_app-be06ea1e082913de.js:1:780440)
(anonymous function) (webpack-ad02ebd903b8a2cd.js:1:524)
(anonymous function) (_app-be06ea1e082913de.js:1:780476)
t (webpack-ad02ebd903b8a2cd.js:1:3987)
t
Global Code (_app-be06ea1e082913de.js:1)
[Error] Error while parsing the 'sandbox' attribute: 'allow-downloads' is an invalid sandbox flag.
Di (framework-eeba1b405d308ec4.js:1:104811)
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
vi (framework-eeba1b405d308ec4.js:1:95730)
vi
(anonymous function) (framework-eeba1b405d308ec4.js:1:45205)
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
Ql (framework-eeba1b405d308ec4.js:1:45151)
Hl (framework-eeba1b405d308ec4.js:1:45086)
yi (framework-eeba1b405d308ec4.js:1:96236)
rs (framework-eeba1b405d308ec4.js:1:110754)
(anonymous function) (main-8f2561ac8a19f9e6.js:1:15940)
Ee (main-8f2561ac8a19f9e6.js:1:15975)
l (main-8f2561ac8a19f9e6.js:1:102345)
(anonymous function) (main-8f2561ac8a19f9e6.js:1:102130)
M (main-8f2561ac8a19f9e6.js:1:6424)
i (main-8f2561ac8a19f9e6.js:1:6628)
(anonymous function) (main-8f2561ac8a19f9e6.js:1:6687)
Promise
(anonymous function) (main-8f2561ac8a19f9e6.js:1:6578)
(anonymous function) (main-8f2561ac8a19f9e6.js:1:10690)
l (main-8f2561ac8a19f9e6.js:1:102345)
(anonymous function) (main-8f2561ac8a19f9e6.js:1:102130)
M (main-8f2561ac8a19f9e6.js:1:6424)
i (main-8f2561ac8a19f9e6.js:1:6628)
promiseReactionJob
[Error] TypeError: undefined is not an object (evaluating 'c[0].x1') — 4142-45349bd9754a46d3.js:1:72622
(anonymous function) (_app-be06ea1e082913de.js:1:33865)
uu (framework-eeba1b405d308ec4.js:1:82799)
(anonymous function) (framework-eeba1b405d308ec4.js:1:85238)
fa (framework-eeba1b405d308ec4.js:1:48716)
hu (framework-eeba1b405d308ec4.js:1:86496)
Li (framework-eeba1b405d308ec4.js:1:103231)
Li
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
Ti (framework-eeba1b405d308ec4.js:1:99966)
vi (framework-eeba1b405d308ec4.js:1:96052)
vi
(anonymous function) (framework-eeba1b405d308ec4.js:1:45205)
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
Ql (framework-eeba1b405d308ec4.js:1:45151)
Hl (framework-eeba1b405d308ec4.js:1:45086)
gi (framework-eeba1b405d308ec4.js:1:96148)
notify (5565-00d098d9c946d073.js:1:46705)
notifyNestedSubs (5565-00d098d9c946d073.js:1:47123)
o (5565-00d098d9c946d073.js:1:46553)
m (5565-00d098d9c946d073.js:1:58090)
ni (4142-45349bd9754a46d3.js:1:193441)
e (4142-45349bd9754a46d3.js:1:205632)
i (_app-be06ea1e082913de.js:1:68327)
[Error] TypeError: undefined is not an object (evaluating 'c[0].x1') — 4142-45349bd9754a46d3.js:1:72622
(anonymous function) (_app-be06ea1e082913de.js:1:33865)
ve (main-8f2561ac8a19f9e6.js:1:11503)
fn (main-8f2561ac8a19f9e6.js:1:13586)
value (main-8f2561ac8a19f9e6.js:1:8546)
(anonymous function) (framework-eeba1b405d308ec4.js:1:85281)
fa (framework-eeba1b405d308ec4.js:1:48716)
hu (framework-eeba1b405d308ec4.js:1:86496)
Li (framework-eeba1b405d308ec4.js:1:103231)
Li
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
Ti (framework-eeba1b405d308ec4.js:1:99966)
vi (framework-eeba1b405d308ec4.js:1:96052)
vi
(anonymous function) (framework-eeba1b405d308ec4.js:1:45205)
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
Ql (framework-eeba1b405d308ec4.js:1:45151)
Hl (framework-eeba1b405d308ec4.js:1:45086)
gi (framework-eeba1b405d308ec4.js:1:96148)
notify (5565-00d098d9c946d073.js:1:46705)
notifyNestedSubs (5565-00d098d9c946d073.js:1:47123)
o (5565-00d098d9c946d073.js:1:46553)
m (5565-00d098d9c946d073.js:1:58090)
ni (4142-45349bd9754a46d3.js:1:193441)
e (4142-45349bd9754a46d3.js:1:205632)
i (_app-be06ea1e082913de.js:1:68327)
[Error] A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
(anonymous function) (_app-be06ea1e082913de.js:1:33865)
ve (main-8f2561ac8a19f9e6.js:1:11520)
fn (main-8f2561ac8a19f9e6.js:1:13586)
value (main-8f2561ac8a19f9e6.js:1:8546)
(anonymous function) (framework-eeba1b405d308ec4.js:1:85281)
fa (framework-eeba1b405d308ec4.js:1:48716)
hu (framework-eeba1b405d308ec4.js:1:86496)
Li (framework-eeba1b405d308ec4.js:1:103231)
Li
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
Ti (framework-eeba1b405d308ec4.js:1:99966)
vi (framework-eeba1b405d308ec4.js:1:96052)
vi
(anonymous function) (framework-eeba1b405d308ec4.js:1:45205)
(anonymous function) (framework-eeba1b405d308ec4.js:1:129532)
Ql (framework-eeba1b405d308ec4.js:1:45151)
Hl (framework-eeba1b405d308ec4.js:1:45086)
gi (framework-eeba1b405d308ec4.js:1:96148)
notify (5565-00d098d9c946d073.js:1:46705)
notifyNestedSubs (5565-00d098d9c946d073.js:1:47123)
o (5565-00d098d9c946d073.js:1:46553)
m (5565-00d098d9c946d073.js:1:58090)
ni (4142-45349bd9754a46d3.js:1:193441)
e (4142-45349bd9754a46d3.js:1:205632)
i (_app-be06ea1e082913de.js:1:68327)
quentin valero
under review
quentin valero
Hello Martin, do you still reproduce the issue ? On our side we do not reproduce with our internal notebooks. Do you experience this issue as an editor or as a spectator ?
If you have an URL to share to reproduce it can be helpful for us!
Regards,
Quentin
Martin
Hey quentin valero, yes it is still happening. I notice that it is only happening with one notebook that pulls data from BigQuery. I notice that other notebooks using BigQuery works fine so I doubt that is the single issue. That notebook was originally created by a team member and I experienced the problem as a viewer. But after forking the notebook the page also crashed so I suspect something is off. One hypothesis is that I inject SVG graphs in an HTML table (see screenshot attached). I have exported the code of my notebook. At which email can I send it to?
quentin valero
Martin: Thanks Martin ! You can send it to qa@beamapp.co and we will continue investigation with it. This notebook can be accessed in public to reproduce or no ?
quentin valero
Martin do not hesitate to send the impacted code to qa@beamapp.co for us to help continue the investigation. We will have a look asap.
thanks,
Quentin
Martin
quentin valero: Looks like I cannot send you via email because Gmail is preventing it a send a .tgz for security reasons! Is there another way I can send it to you?
quentin valero
Martin: You can upload the file in a cloud or wetransfer and send me the link, I will be able to download it
Martin
quentin valero: ok done via WeTransfer
quentin valero
Martin: Thanks I received ! I updated our internal issue with the code. I will let you know once a fix is delivered.
Thanks for your help !
Martin
Dom Leca do you have updates on that one?
Dom
Martin: Does disabling all the ad blocker option in beam Preferences make Observable work as expected ?
Martin
Dom: I deactivated all options but I am still not able to load the page.
Martin
Seems related to that other one https://beamapp.canny.io/bugs/p/ad-blocker-seems-to-be-blocking-actually-data-fetching