Issue 1:
Apache Airflow version

2.4.1

What happened

Clicking Refresh on the graph view of any DAG does not refresh the view, it just gets stuck refreshing forever.

In the JS console, it displays the following error message on each refresh:

Uncaught SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data
N http://internal-airflow/static/dist/graph.c3f9b20b23ed9651c62a.js:2
jQuery 7
N http://internal-airflow/static/dist/graph.c3f9b20b23ed9651c62a.js:2
R http://internal-airflow/static/dist/graph.c3f9b20b23ed9651c62a.js:2
$/< http://internal-airflow/static/dist/d3.min.js:1

This happens even on a fresh DAG with no runs, even if the JSON returned by the request to /object/task_instances?dag_id=test_dag&execution_date=2022-10-20T11:17:22.870600+00:00 is empty, but also on normal DAGs.

The container logs also show no problems, just that the GET-request was made.

What you think should happen instead

Refresh the graph.

How to reproduce

Create a DAG with one EmptyOperator, go to graph view, click refresh.

Operating System

CentOS 8

Versions of Apache Airflow Providers

apache-airflow-providers-databricks

apache-airflow-providers-microsoft-azure

Deployment

Docker-Compose

Deployment details

Docker version 20.10.14, build a224086

We use official image apache/airflow:2.4.1-python3.9 slightly extended with the above providers and a custom fix for the python package thrift used by the DatabricksOperator. It's a small fix just to make it work with our proxy.

Anything else

We upgraded from 2.3.3 to 2.4.1, had no problems in 2.3.3.

Tested with Firefox and Edge, both are the same. In Edge, the error message is VM90:1 Uncaught SyntaxError: "[object Object]" is not valid JSON

Are you willing to submit PR?

Yes I am willing to submit a PR!

Code of Conduct

I agree to follow this project's Code of Conduct

Issue 2:
Apache Airflow version

2.4.1

What happened

After starting a DAG, the auto-refresh works in the grid view but not in the graph view.

The top-right auto-refresh icon shows indefinitely that the page is refreshing but nothing happens.

It is necessary to refresh the whole page to show the current status.

What you think should happen instead

The auto-refresh should work and show the current status of the tasks.

How to reproduce

Start a DAG in version 2.4.1.

Operating System

Alpine on Kubernetes

Versions of Apache Airflow Providers

apache-airflow-providers-apache-hdfs==3.1.0
apache-airflow-providers-celery==3.0.0
apache-airflow-providers-cncf-kubernetes==4.4.0
apache-airflow-providers-common-sql==1.2.0
apache-airflow-providers-datadog==3.0.0
apache-airflow-providers-exasol==2.1.3
apache-airflow-providers-ftp==3.1.0
apache-airflow-providers-http==4.0.0
apache-airflow-providers-imap==3.0.0
apache-airflow-providers-jenkins==3.0.0
apache-airflow-providers-microsoft-mssql==3.2.1
apache-airflow-providers-odbc==3.1.2
apache-airflow-providers-oracle==3.1.0
apache-airflow-providers-postgres==5.0.0
apache-airflow-providers-redis==3.0.0
apache-airflow-providers-slack==5.1.0
apache-airflow-providers-sqlite==3.2.1
apache-airflow-providers-ssh==3.2.0

Deployment

Other 3rd-party Helm chart

Deployment details

No response

Anything else

No response

Are you willing to submit PR?

Yes I am willing to submit a PR!

Code of Conduct

I agree to follow this project's Code of Conduct