Element has the wrong idea of what the join rules of a room are

I've just joined a restricted room (using my membership to a space to join it). After joining, if I look at the room's join rules (either through the settings or the devtools) it thinks the room's join rules are "invite" (which it was at some point but got switched to "restricted" before my join):


If I ask the homeserver, it has the right join rule:

```
$ curlie -H 'Authorization: Bearer [...]' 'https://vector.modular.im/_matrix/client/r0/rooms/!IxVwoArwLvhoulPTKQ:matrix.org/state/m.room.join_rules'
HTTP/2 200
date: Wed, 15 Sep 2021 09:17:45 GMT
content-type: application/json
vary: Accept-Encoding
cache-control: no-cache, no-store, must-revalidate
access-control-allow-origin: *
access-control-allow-methods: GET, HEAD, POST, PUT, DELETE, OPTIONS
access-control-allow-headers: X-Requested-With, Content-Type, Authorization, Date
strict-transport-security: max-age=15724800; includeSubDomains
permissions-policy: interest-cohort=()

{
"allow": [
{
"room_id": "!OJBlkJuUrsKnqtNnTi:matrix.org",
"type": "m.room_membership"
}
],
"join_rule": "restricted"
}
```

Refreshing the Element tab fixes the issue.

Element version: 574e848bf3e2-react-1f1693cb094f-js-df039d3d8c52
Olm version: 3.2.3