Rancher version: 2.7-head 8a18f16
Browser type & version: Chrome
Describe the bug
After enabling auth provider, if we navigate from the auth providers page to Groups page, groups page does not load and returns Cannot read properties of undefined (reading 'id')
To Reproduce
On a rancher server v2.7-head, enable auth provider[I enabled AD].
Navigate to Groups page from the auth provider page, Users & Authentication >> Groups.
Add a group from the auth providers as a restricted admin
Navigate to auth provider and back to groups page
Result
Groups page won't load and returns an error Cannot read properties of undefined (reading 'id')
Following console output error is seen:
console.js:31 Cannot read properties of undefined (reading 'id')
e.forEach.console.<computed> @ console.js:31
(anonymous) @ client.js:111
p @ regeneratorRuntime.js:44
(anonymous) @ regeneratorRuntime.js:125
(anonymous) @ regeneratorRuntime.js:69
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:22
(anonymous) @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:19
(anonymous) @ client.js:113
Hn @ vue.runtime.esm.js:3031
Bn @ vue.runtime.esm.js:3008
Tn.e._render @ vue.runtime.esm.js:2687
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e @ vue.runtime.esm.js:3436
jr @ vue.runtime.esm.js:3892
ro.$mount @ vue.runtime.esm.js:8772
init @ vue.runtime.esm.js:4407
g @ vue.runtime.esm.js:6567
d @ vue.runtime.esm.js:6521
_ @ vue.runtime.esm.js:6640
d @ vue.runtime.esm.js:6544
_ @ vue.runtime.esm.js:6640
d @ vue.runtime.esm.js:6544
_ @ vue.runtime.esm.js:6640
d @ vue.runtime.esm.js:6544
_ @ vue.runtime.esm.js:6640
d @ vue.runtime.esm.js:6544
_ @ vue.runtime.esm.js:6640
d @ vue.runtime.esm.js:6544
(anonymous) @ vue.runtime.esm.js:7071
Lr.e._update @ vue.runtime.esm.js:3765
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e @ vue.runtime.esm.js:3436
jr @ vue.runtime.esm.js:3892
ro.$mount @ vue.runtime.esm.js:8772
init @ vue.runtime.esm.js:4407
g @ vue.runtime.esm.js:6567
d @ vue.runtime.esm.js:6521
(anonymous) @ vue.runtime.esm.js:7071
Lr.e._update @ vue.runtime.esm.js:3765
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e @ vue.runtime.esm.js:3436
jr @ vue.runtime.esm.js:3892
ro.$mount @ vue.runtime.esm.js:8772
init @ vue.runtime.esm.js:4407
g @ vue.runtime.esm.js:6567
d @ vue.runtime.esm.js:6521
_ @ vue.runtime.esm.js:6640
d @ vue.runtime.esm.js:6544
(anonymous) @ vue.runtime.esm.js:7109
Lr.e._update @ vue.runtime.esm.js:3769
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e.run @ vue.runtime.esm.js:3522
Jr @ vue.runtime.esm.js:4121
(anonymous) @ vue.runtime.esm.js:3143
Kn @ vue.runtime.esm.js:3065
Promise.then (async)
qn @ vue.runtime.esm.js:3090
Jn @ vue.runtime.esm.js:3155
ni @ vue.runtime.esm.js:4207
e.update @ vue.runtime.esm.js:3513
e.notify @ vue.runtime.esm.js:720
set @ vue.runtime.esm.js:963
(anonymous) @ fetch.client.js:91
p @ regeneratorRuntime.js:44
(anonymous) @ regeneratorRuntime.js:125
(anonymous) @ regeneratorRuntime.js:69
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
(anonymous) @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:19
f @ fetch.client.js:67
p @ fetch.client.js:58
u @ fetch.client.js:29
Un @ vue.runtime.esm.js:3017
Ur @ vue.runtime.esm.js:4031
jr @ vue.runtime.esm.js:3854
ro.$mount @ vue.runtime.esm.js:8772
init @ vue.runtime.esm.js:4407
g @ vue.runtime.esm.js:6567
d @ vue.runtime.esm.js:6521
k @ vue.runtime.esm.js:6816
C @ vue.runtime.esm.js:6909
k @ vue.runtime.esm.js:6783
C @ vue.runtime.esm.js:6909
(anonymous) @ vue.runtime.esm.js:7077
Lr.e._update @ vue.runtime.esm.js:3769
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e.run @ vue.runtime.esm.js:3522
Jr @ vue.runtime.esm.js:4121
(anonymous) @ vue.runtime.esm.js:3143
Kn @ vue.runtime.esm.js:3065
Promise.then (async)
qn @ vue.runtime.esm.js:3090
Jn @ vue.runtime.esm.js:3155
ni @ vue.runtime.esm.js:4207
e.update @ vue.runtime.esm.js:3513
e.notify @ vue.runtime.esm.js:720
set @ vue.runtime.esm.js:963
Mi.Fi.set @ vue.runtime.esm.js:5356
(anonymous) @ index.vue:58
p @ regeneratorRuntime.js:44
(anonymous) @ regeneratorRuntime.js:125
(anonymous) @ regeneratorRuntime.js:69
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
(anonymous) @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:19
fetch @ index.vue:41
(anonymous) @ fetch.client.js:76
p @ regeneratorRuntime.js:44
(anonymous) @ regeneratorRuntime.js:125
(anonymous) @ regeneratorRuntime.js:69
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:22
(anonymous) @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:19
f @ fetch.client.js:67
p @ fetch.client.js:58
u @ fetch.client.js:29
Un @ vue.runtime.esm.js:3017
Ur @ vue.runtime.esm.js:4031
jr @ vue.runtime.esm.js:3854
ro.$mount @ vue.runtime.esm.js:8772
init @ vue.runtime.esm.js:4407
g @ vue.runtime.esm.js:6567
d @ vue.runtime.esm.js:6521
(anonymous) @ vue.runtime.esm.js:7071
Lr.e._update @ vue.runtime.esm.js:3765
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e @ vue.runtime.esm.js:3436
jr @ vue.runtime.esm.js:3892
ro.$mount @ vue.runtime.esm.js:8772
init @ vue.runtime.esm.js:4407
n @ vue.runtime.esm.js:4561
g @ vue.runtime.esm.js:6567
d @ vue.runtime.esm.js:6521
(anonymous) @ vue.runtime.esm.js:7109
Lr.e._update @ vue.runtime.esm.js:3769
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e.run @ vue.runtime.esm.js:3522
Jr @ vue.runtime.esm.js:4121
(anonymous) @ vue.runtime.esm.js:3143
Kn @ vue.runtime.esm.js:3065
Promise.then (async)
qn @ vue.runtime.esm.js:3090
Jn @ vue.runtime.esm.js:3155
ni @ vue.runtime.esm.js:4207
e.update @ vue.runtime.esm.js:3513
Lr.e.$forceUpdate @ vue.runtime.esm.js:3794
(anonymous) @ vue.runtime.esm.js:8574
c @ vue.runtime.esm.js:1860
Un @ vue.runtime.esm.js:3017
n @ vue.runtime.esm.js:1810
(anonymous) @ vue.runtime.esm.js:8125
(anonymous) @ vue.runtime.esm.js:305
bs @ vue.runtime.esm.js:7894
(anonymous) @ vue.runtime.esm.js:8160
requestAnimationFrame (async)
(anonymous) @ vue.runtime.esm.js:7875
requestAnimationFrame (async)
gs @ vue.runtime.esm.js:7873
x @ vue.runtime.esm.js:8150
Ss @ vue.runtime.esm.js:8133
remove @ vue.runtime.esm.js:8220
T @ vue.runtime.esm.js:6745
O @ vue.runtime.esm.js:6715
(anonymous) @ vue.runtime.esm.js:7146
Lr.e._update @ vue.runtime.esm.js:3769
r @ vue.runtime.esm.js:3875
e.get @ vue.runtime.esm.js:3446
e.run @ vue.runtime.esm.js:3522
Jr @ vue.runtime.esm.js:4121
(anonymous) @ vue.runtime.esm.js:3143
Kn @ vue.runtime.esm.js:3065
Promise.then (async)
qn @ vue.runtime.esm.js:3090
Jn @ vue.runtime.esm.js:3155
ni @ vue.runtime.esm.js:4207
e.update @ vue.runtime.esm.js:3513
e.notify @ vue.runtime.esm.js:720
set @ vue.runtime.esm.js:963
Mi.Fi.set @ vue.runtime.esm.js:5356
finish @ GlobalLoading.vue:14
(anonymous) @ client.js:516
p @ regeneratorRuntime.js:44
(anonymous) @ regeneratorRuntime.js:125
(anonymous) @ regeneratorRuntime.js:69
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
(anonymous) @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:19
I @ client.js:288
p @ vue-router.esm.js:2362
r @ vue-router.esm.js:2087
(anonymous) @ vue-router.esm.js:2088
(anonymous) @ vue-router.esm.js:2384
(anonymous) @ client.js:205
p @ regeneratorRuntime.js:44
(anonymous) @ regeneratorRuntime.js:125
(anonymous) @ regeneratorRuntime.js:69
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:22
Promise.then (async)
r @ asyncToGenerator.js:12
s @ asyncToGenerator.js:22
(anonymous) @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:19
P @ client.js:166
p @ vue-router.esm.js:2362
r @ vue-router.esm.js:2087
(anonymous) @ vue-router.esm.js:2088
(anonymous) @ vue-router.esm.js:2384
(anonymous) @ _id.vue:30
p @ regeneratorRuntime.js:44
(anonymous) @ regeneratorRuntime.js:125
(anonymous) @ regeneratorRuntime.js:69
r @ asyncToGenerator.js:3
s @ asyncToGenerator.js:22
(anonymous) @ asyncToGenerator.js:27
(anonymous) @ asyncToGenerator.js:19
beforeRouteLeave @ _id.vue:14
(anonymous) @ vue-router.esm.js:2512
p @ vue-router.esm.js:2362
r @ vue-router.esm.js:2087
Ke @ vue-router.esm.js:2095
et.confirmTransition @ vue-router.esm.js:2392
et.transitionTo @ vue-router.esm.js:2260
t.push @ vue-router.esm.js:2606
_t.push @ vue-router.esm.js:3039
a.a.push @ extend-router.js:12
a.push @ router.js:396
_ @ vue-router.esm.js:1139
Un @ vue.runtime.esm.js:3017
n @ vue.runtime.esm.js:1810
La.o._wrapper @ vue.runtime.esm.js:7473
Setup
Rancher version: 2.7-head 8a18f16 Browser type & version: Chrome
Describe the bug After enabling auth provider, if we navigate from the auth providers page to Groups page, groups page does not load and returns
Cannot read properties of undefined (reading 'id')
To Reproduce
Result Groups page won't load and returns an error
Cannot read properties of undefined (reading 'id')
Following console output error is seen:
Expected Result Expected the groups page to load.
Screenshots
Additional context Probably same as https://github.com/rancher/dashboard/issues/9205