FAB /security/users page throws an error in airflow 3 after updating from 2

[patches11]

The security tab, specifically /users throws this error most of the time (not all the time):

jQuery.Deferred exception: Cannot read properties of undefined (reading 'tz') TypeError: Cannot read properties of undefined (reading 'tz')
    at f (/staging/airflow/auth/static/dist/main.f3faa56768a6af816bf3.js:2:1946)
    at HTMLDocument.<anonymous> (/staging/airflow/auth/static/dist/main.f3faa56768a6af816bf3.js:2:4664)
    at e (/staging/airflow/auth/static/appbuilder/js/jquery-latest.js:2:30038)
    at t (/staging/airflow/auth/static/appbuilder/js/jquery-latest.js:2:30340) undefined

This then causes some error handling and I am redirected away from the page

This is happening after updating to airflow 3.1.7 from 2 via the official helm chart on k8s.

Is this a known issue? Did I miss something I should have fixed?

My provider verisons:

apache-airflow-providers-cncf-kubernetes==10.13.0
apache-airflow-providers-common-compat==1.14.1
apache-airflow-providers-common-io==1.7.1
apache-airflow-providers-common-sql==1.30.4
apache-airflow-providers-fab==3.4.0
apache-airflow-providers-smtp==2.4.2
apache-airflow-providers-standard==1.12.1

[potiuk]

You might attempt refresh your browser cache.

[patches11]

You might attempt refresh your browser cache.

I have cleared the browser cache, tried in incognito, and tried in a different browser. All still have the same error

[phreakradio]

I have a similar issue, it appears that user management exists in Airflow 3.x, but it's still using the old Flask-AppBuilder (FAB) views loaded in an iframe within the new React UI. The JavaScript timezone error is preventing this iframe from loading correctly. You can try setting the following variables in your environment and see if that makes any difference (not likely, but worth a shot).

BABEL_DEFAULT_TIMEZONE = "UTC"
BABEL_DEFAULT_LOCALE = "en"

[patches11]

I have a similar issue, it appears that user management exists in Airflow 3.x, but it's still using the old Flask-AppBuilder (FAB) views loaded in an iframe within the new React UI. The JavaScript timezone error is preventing this iframe from loading correctly. You can try setting the following variables in your environment and see if that makes any difference (not likely, but worth a shot).

BABEL_DEFAULT_TIMEZONE = "UTC"
BABEL_DEFAULT_LOCALE = "en"

Unfortunately yeah these don't fix the issue for me either

[borisboetzel]

Same issue migrating from 2.10 to 3.1.8. All fine except for menu "security/*". My installation works with non-"/" base_url

[borisboetzel]

see #63141

[borisboetzel]

and the backport #63453

[patches11]

Thanks for the insight, I can test out 3.1.9 when it comes out and see if it resolves my issue