Getting error on DAG List page when DAG table view is selected

[vatsrahul1001]

Apache Airflow version

main (development)

If "Other Airflow 2/3 version" selected, which one?

No response

What happened?

Getting an error on the DAG List page when the DAG table view is selected

Also, after the error, even selecting card view gives sthe ame error

Screen.Recording.2025-10-22.at.8.13.54.AM.mov

React Router caught the following error during render Error: 
    H7r http://localhost:28080/static/assets/index-iUPmnLYh.js:546
    O http://localhost:28080/static/assets/index-iUPmnLYh.js:546
    O http://localhost:28080/static/assets/index-iUPmnLYh.js:546
    getAllColumns http://localhost:28080/static/assets/index-iUPmnLYh.js:546
    bb http://localhost:28080/static/assets/index-iUPmnLYh.js:543
    getHeaderGroups http://localhost:28080/static/assets/index-iUPmnLYh.js:546
    bb http://localhost:28080/static/assets/index-iUPmnLYh.js:543
    D9r http://localhost:28080/static/assets/index-iUPmnLYh.js:555
    Hlt http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    _st http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    Zbn http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    E0n http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    FCr http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    get http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    w0n http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    qYt http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    I0e http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    R0n http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    qCr http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    qCr http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    L9 http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    X5 http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    Kpe http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    jbn http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    Xe http://localhost:28080/static/assets/index-iUPmnLYh.js:99
    Oe http://localhost:28080/static/assets/index-iUPmnLYh.js:99
    Xe http://localhost:28080/static/assets/index-iUPmnLYh.js:99
    _a http://localhost:28080/static/assets/index-iUPmnLYh.js:80
    _a http://localhost:28080/static/assets/index-iUPmnLYh.js:80
    Ia http://localhost:28080/static/assets/index-iUPmnLYh.js:80
    Yu http://localhost:28080/static/assets/index-iUPmnLYh.js:80
    rl http://localhost:28080/static/assets/index-iUPmnLYh.js:80
    sEr http://localhost:28080/static/assets/index-iUPmnLYh.js:90
    Pmn http://localhost:28080/static/assets/index-iUPmnLYh.js:99
    Oe http://localhost:28080/static/assets/index-iUPmnLYh.js:99
    M0n http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    Cet http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    Dgn http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    Cet http://localhost:28080/static/assets/index-iUPmnLYh.js:70
    dct http://localhost:28080/static/assets/index-iUPmnLYh.js:71
    E2r http://localhost:28080/static/assets/index-iUPmnLYh.js:71
 
Object { componentStack: "\nD9r@http://localhost:28080/static/assets/index-iUPmnLYh.js:555:2652\nv3@http://localhost:28080/static/assets/index-iUPmnLYh.js:555:4261\ndiv@unknown:0:0\neut/<@http://localhost:28080/static/assets/index-iUPmnLYh.js:25:6402\ndiv@unknown:0:0\neut/<@http://localhost:28080/static/assets/index-iUPmnLYh.js:25:6402\ncit@http://localhost:28080/static/assets/index-iUPmnLYh.js:512:1090\nI0s@http://localhost:28080/static/assets/index-iUPmnLYh.js:1612:3362\nXxr@http://localhost:28080/static/assets/index-iUPmnLYh.js:90:4427\nxct@http://localhost:28080/static/assets/index-iUPmnLYh.js:90:9994\ndiv@unknown:0:0\neut/<@http://localhost:28080/static/assets/index-iUPmnLYh.js:25:6402\nEdr@http://localhost:28080/static/assets/index-iUPmnLYh.js:40:108175\nMJt@http://localhost:28080/static/assets/index-iUPmnLYh.js:376:5729\nXxr@http://localhost:28080/static/assets/index-iUPmnLYh.js:90:4427\nYxr@http://localhost:28080/static/assets/index-iUPmnLYh.js:90:3641\nDEr@http://localhost:28080/static/assets/index-iUPmnLYh.js:99:7635\nIse@http://localhost:28080/static/assets/index-iUPmnLYh.js:90:10148\nMmn@http://localhost:28080/static/assets/index-iUPmnLYh.js:99:4695\ndLr@http://localhost:28080/static/assets/index-iUPmnLYh.js:133:58\nbvr@http://localhost:28080/static/assets/index-iUPmnLYh.js:42:211294\nsLr@http://localhost:28080/static/assets/index-iUPmnLYh.js:99:19529\nnLr@http://localhost:28080/static/assets/index-iUPmnLYh.js:99:19413\nuLr@unknown:0:0\nhrr@http://localhost:28080/static/assets/index-iUPmnLYh.js:25:9391\nG2r@http://localhost:28080/static/assets/index-iUPmnLYh.js:71:39295" }
<anonymous code>:1:147461

What you think should happen instead?

No response

How to reproduce

1. Navigate to DAG list page
2. Select card view

Operating System

Linux

Versions of Apache Airflow Providers

No response

Deployment

Official Apache Airflow 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

[phanikumv]

Cc @pierrejeambrun @bbovenzi

[tirkarthi]

I see below error in dev mode. Below patch seems to help since "accessorKey" was recently removed in ba7b407 that could be triggering this is my assumption.

Columns require an id when using a non-string header

createColumn@http://localhost:5173/node_modules/.vite/deps/@tanstack_react-table.js?v=a4e336c9:165:13 createTable/coreInstance.getAllColumns</recurseColumns/<@http://localhost:5173/node_modules/.vite/deps/@tanstack_react-table.js?v=a4e336c9:2579:38 recurseColumns@http://localhost:5173/node_modules/.vite/deps/@tanstack_react-table.js?v=a4e336c9:2578:28 createTable/coreInstance.getAllColumns<@http://localhost:5173/node_modules/.vite/deps/@tanstack_react-table.js?v=a4e336c9:2585:14 memo/<@http://localhost:5173/node_modules/.vite/deps/@tanstack_react-table.js?v=a4e336c9:76:14 createTable/table.getHeaderGroups<@http://localhost:5173/node_modules/.vite/deps/@tanstack_react-table.js?v=a4e336c9:233:47 memo/<@http://localhost:5173/node_modules/.vite/deps/@tanstack_react-table.js?v=a4e336c9:68:28 TableList@http://localhost:5173/src/components/DataTable/TableList.tsx:57:33 react_stack_bottom_frame@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:17424:20 renderWithHooks@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:4206:42 updateFunctionComponent@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:6619:21 beginWork@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:7654:20 runWithFiberInDEV@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:1487:15 performUnitOfWork@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:10868:98 workLoopSync@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:10728:60 renderRootSync@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:10711:13 performWorkOnRoot@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:10359:46 performSyncWorkOnRoot@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11635:26 flushSyncWorkAcrossRoots_impl@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11536:122 processRootScheduleInMicrotask@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11558:38 node_modules/.pnpm/react-dom@19.1.1_react@19.1.1/node_modules/react-dom/cjs/react-dom-client.development.js/scheduleImmediateRootScheduleTask/<@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11649:15 VoidFunction*scheduleImmediateRootScheduleTask@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11645:26 ensureRootIsScheduled@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11512:205 scheduleUpdateOnFiber@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:10325:15 dispatchSetStateInternal@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:5352:41 dispatchSetState@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:5321:33 useLocalStorage/setValue<@http://localhost:5173/node_modules/.vite/deps/usehooks-ts.js?v=a4e336c9:347:21 useEventCallback/<@http://localhost:5173/node_modules/.vite/deps/usehooks-ts.js?v=a4e336c9:284:53 onClick@http://localhost:5173/src/components/DataTable/ToggleTableDisplay.tsx:94:44 callAll/</<@http://localhost:5173/node_modules/.vite/deps/chunk-2PBHGRT6.js?v=a4e336c9:107:9 callAll/<@http://localhost:5173/node_modules/.vite/deps/chunk-2PBHGRT6.js?v=a4e336c9:106:7 executeDispatch@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11736:19 runWithFiberInDEV@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:1487:15 processDispatchQueue@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11772:37 node_modules/.pnpm/react-dom@19.1.1_react@19.1.1/node_modules/react-dom/cjs/react-dom-client.development.js/dispatchEventForPluginEventSystem/<@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:12182:31 batchedUpdates$1@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:2628:44 dispatchEventForPluginEventSystem@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11877:25 dispatchEvent@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:14792:46 dispatchDiscreteEvent@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:14773:62 EventListener.handleEvent*addTrappedEventListener@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11842:30 listenToNativeEvent@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11801:32 node_modules/.pnpm/react-dom@19.1.1_react@19.1.1/node_modules/react-dom/cjs/react-dom-client.development.js/listenToAllSupportedEvents/<@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11812:92 listenToAllSupportedEvents@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:11811:27 node_modules/.pnpm/react-dom@19.1.1_react@19.1.1/node_modules/react-dom/cjs/react-dom-client.development.js/exports.createRoot@http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=a4e336c9:18025:35 @http://localhost:5173/src/main.tsx:54:11 

gd src/airflow/ui/src/pages/DagsList/DagsList.tsx | cat                                                        
diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx
index ef3153876c..90d8e7310f 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsList.tsx
@@ -163,7 +163,8 @@ const createColumns = (
     enableSorting: false,
     header: "",
   },
-  {
+    {
+      id: "favourite",
     cell: ({ row: { original } }) => (
       <FavoriteDagButton dagId={original.dag_id} isFavorite={original.is_favorite} withText={false} />
     ),

[pierrejeambrun]

Yes, I believe it's that too. I have an PR opened to address that.