Room List not loading

[dbkr]

Steps to reproduce

Unknown

Outcome

What did you expect?

Room list to load promptly.

What happened instead?

We are seeing users report issues where the room list stays in its 'placeholder' state, even after the app has finished syncing. It can stay like this 20 minutes or so. Trying to filter with it in this state causes it to break in a different way, showing no rooms at all instead of the placeholder.

Operating system

No response

Browser information

No response

URL for webapp

No response

Homeserver

No response

Will you send logs?

No

[ara4n]

Trying to switch space can end up with the app deadlocked.

[graingert]

I have a traceback for when this happens:

Uncaught (in promise) TypeError: t[this.getRoomCategory(...)] is undefined
    categorizeRooms component-index.js:796
    setRooms component-index.js:806
    generateFreshTags Algorithm.ts:141
    setKnownRooms Algorithm.ts:87
    regenerateAllLists RoomListStore.ts:577
    makeReady RoomListStore.ts:136
    onReady RoomListStore.ts:176
    onReady AsyncStoreWithClient.ts:37
    s ReadyWatchingStore.ts:67
    _invokeCallback Dispatcher.js:171
    dispatch Dispatcher.js:154
    dispatch dispatcher.ts:44
    r MatrixActionCreators.ts:279
    emit events.js:158
    updateSyncState sync.ts:1773
    doSync sync.ts:863
    s sync.ts:676
    a sync.ts:633
    i sync.ts:577
    sync sync.ts:698
    startClient client.ts:985
    start MatrixClientPeg.ts:231
    oe Lifecycle.ts:801
    J Lifecycle.ts:611
    Y Lifecycle.ts:436
    G Lifecycle.ts:135
    loadSession MatrixChat.tsx:484
    promise callback*loadSession MatrixChat.tsx:484
    Ve MatrixChat.tsx:371
    promise callback*Ve MatrixChat.tsx:347
    React 13
    te init.tsx:156
    58 index.ts:223
    58 index.ts:234
    Webpack 3
        s
        <anonymous>
        <anonymous>
component-index.js:796:35
Uncaught (in promise) TypeError: t[this.getRoomCategory(...)] is undefined
    categorizeRooms component-index.js:796
    setRooms component-index.js:806
    generateFreshTags Algorithm.ts:141
    setKnownRooms Algorithm.ts:87
    recalculatePrefiltering RoomListStore.ts:387
    k RoomListStore.ts:519
    emit events.js:153
    l recorder.min.js:1
    m setImmediate.js:25
    m setImmediate.js:63
    s setImmediate.js:144
    EventListener.handleEvent* setImmediate.js:148
    <anonymous> setImmediate.js:66
    <anonymous> setImmediate.js:38
    Webpack 19
        s
        <anonymous>
        <anonymous>
        s
        <anonymous>
        s
        <anonymous>
        s
        <anonymous>
        s
        <anonymous>
        s
        79
        s
        promise callback*58/<
        58
        s
        <anonymous>
        <anonymous>
component-index.js:796:35
    k RoomListStore.ts:520
    AsyncFunctionThrow self-hosted:696
    (Async: async)
    apply self-hosted:2715
    emit events.js:153
    l recorder.min.js:1
    m setImmediate.js:25
    m setImmediate.js:63
    s setImmediate.js:144
    (Async: EventListener.handleEvent)
    <anonymous> setImmediate.js:148
    <anonymous> setImmediate.js:66
    <anonymous> setImmediate.js:38
    Webpack 20
        s
        <anonymous>
        <anonymous>
        s
        <anonymous>
        s
        <anonymous>
        s
        <anonymous>
        s
        <anonymous>
        s
        79
        s
        s
        (Async: promise callback)
    58
        58
        s
        <anonymous>
        <anonymous>```