diff --git a/airflow/www/static/js/api/index.ts b/airflow/www/static/js/api/index.ts index a1442e541798..a4a45a08bfef 100644 --- a/airflow/www/static/js/api/index.ts +++ b/airflow/www/static/js/api/index.ts @@ -65,9 +65,10 @@ axios.interceptors.request.use((config) => { return config; }); -// Do not camelCase xCom entry results axios.interceptors.response.use((res: AxiosResponse) => { - const stopPaths = []; + // Do not camelCase rendered_fields or extra + const stopPaths = ["rendered_fields", "extra", "dataset_events.extra"]; + // Do not camelCase xCom entry results if (res.config.url?.includes("/xcomEntries/")) { stopPaths.push("value"); } diff --git a/airflow/www/static/js/components/DatasetEventCard.tsx b/airflow/www/static/js/components/DatasetEventCard.tsx index e5fa2bc22c51..2367c8efa9b4 100644 --- a/airflow/www/static/js/components/DatasetEventCard.tsx +++ b/airflow/www/static/js/components/DatasetEventCard.tsx @@ -60,10 +60,8 @@ const DatasetEventCard = ({ const selectedUri = decodeURIComponent(searchParams.get("uri") || ""); const containerRef = useContainerRef(); - const { fromRestApi, ...extra } = datasetEvent?.extra as Record< - string, - string - >; + const { from_rest_api: fromRestApi, ...extra } = + datasetEvent?.extra as Record; return ( diff --git a/airflow/www/static/js/dag/details/graph/DatasetNode.tsx b/airflow/www/static/js/dag/details/graph/DatasetNode.tsx index 6d87ce15da9a..bfd288f072dc 100644 --- a/airflow/www/static/js/dag/details/graph/DatasetNode.tsx +++ b/airflow/www/static/js/dag/details/graph/DatasetNode.tsx @@ -51,7 +51,10 @@ const DatasetNode = ({ }: NodeProps) => { const containerRef = useContainerRef(); - const { fromRestApi } = (datasetEvent?.extra || {}) as Record; + const { from_rest_api: fromRestApi } = (datasetEvent?.extra || {}) as Record< + string, + string + >; return (