error Unexpected token < in JSON at position 0

[suraj-12]

use case is to embed superset dasboards in a web application as iframe but while doing so on some visualization getting Unexpected token < in JSON at position 0 error.

normally in superset application same dashboard is working fine but while sahring as iframe only this issue is coming.

superset version 1.32

html page content for testing:

<iframe name="iframe1" src="https://xxxxxxxxxxx-  superset.ad.infosys.com/superset/dashboard/13/" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" scrolling="auto"></iframe>

[geido]

Hello @suraj-12 thanks for reporting this issue. Would you please provide more information concerning those viz types for which you are experiencing this problem? Thank you!

[suraj-12]

Facing issues in filters, metrics and pie charts

[suraj-12]

but if i use same url in browser then there is no issue. only while integrating it with iframe i was getting this issue

[gndsnts]

Sorry to repeat this issue, but i think is better wait for this solution, and verify if it works correctly. After confirm, i will close my issue.

[suddjian]

I believe this is fixed by #17530

[thalesvon]

Hi @suddjian,

I believe this is fixed by #17530

Could you elaborate what fixed this issue on the above PR? I still have the same issue. Here is a bit more of context on my scenario.

Environment

• AWS ECS Fargate Platform 1.3.0, superset running on Docker.
• Superset version 1.4.1
• Authentication OAuth with Google
• Additional settings on superset_config.py

ENABLE_PROXY_FIX = True
PUBLIC_ROLE_LIKE_GAMMA = True

ENABLE_CORS = True
CORS_OPTIONS = {
    'supports_credentials': True,
    'allow_headers': ['*'],
    'resources':['*'],
    'origins': ['https://MY_SUPERSET.DOMAIN/','https://sites.google.com/', 'https://MY_CUSTOM_APP.DOMAIN'],
}

Use Case

I am trying to embedded Charts and Dashboard into Google Sites and my webApp.

I tried embedding using two approaches:

1. iframe:

<iframe
  width="100%"
  height="100%"
  seamless
  frameBorder="0"
  scrolling="no"
  src="https://MY_SUPERSET.DOMAIN/superset/explore/?r=11&standalone=1"
>
</iframe>

This led to the error message on the iframe Unexpected token < in JSON at position 0.

2. Embbeding by URL. Using the link provided by Superset on the chart explore page Copy chart URL to clipboard:

This also led to the error message on the iframe Unexpected token < in JSON at position 0.

Additional Information

• If I open the URL on the srctag of my iframe and open I a new tab of my browser, I can see the Chart just fine, the error only apprear when the chart is embbeded.

• I also tried adding EMBEDDED_SUPERSET=True to superset_config.py but that did not change anything.

Any guidance is appreciated.

[thalesvon]

For anyone interested on this thread, the error message was misleading.
I found an error on the superset logs with the message:

The CSRF session token is missing

I added the following to my superset_config.py and the iframe worked like a charm.

SESSION_COOKIE_SAMESITE = None

This issue describes the CSRF token error: #8382

[mdeshmu]

@suraj-12 can you provide a documentation on how you are running superset on AWS ECS, if you have ?