Summary
One of our users has a blank page after logging in, a lot of things seem to work, he receives notifications, but the UI does not fully loads, the page stays blank. This only happens for one user
Steps to reproduce
We are using the mattermost gitlab integration, mattermost is Mattermost Version: 5.31.1, with Database Schema Version: 5.30.0 (is this normal, have I missed a schema upgrade ?)
Gitlab is installed with the docker method
Expected behavior
The UI is expected to load
Observed behavior
Again, blank screen, in the console, one error seems different than the other users :
TypeError: e is undefined
Be utils.jsx:498
Fe utils.jsx:867
componentDidMount needs_team.tsx:141
React 2
unstable_runWithPriority scheduler.production.min.js:19
React 4
unstable_runWithPriority scheduler.production.min.js:19
React 2
j scheduler.production.min.js:17
onmessage scheduler.production.min.js:14
EventHandlerNonNull* scheduler.production.min.js:13
Webpack 13
react-dom.production.min.js:209:194
React 5
unstable_runWithPriority scheduler.production.min.js:19
React 4
unstable_runWithPriority scheduler.production.min.js:19
React 2
j scheduler.production.min.js:17
onmessage scheduler.production.min.js:14
(Async: EventHandlerNonNull)
<anonymous> scheduler.production.min.js:13
Webpack 13
The js files seems to redirect to
cssVars({
variables: {
// RGB values derived from theme hex values i.e. '255, 255, 255'
// (do not apply opacity mutations here)
'away-indicator-rgb': toRgbValues(theme.awayIndicator),
'button-bg-rgb': toRgbValues(theme.buttonBg),
'button-color-rgb': toRgbValues(theme.buttonColor),
'center-channel-bg-rgb': toRgbValues(theme.centerChannelBg),
'center-channel-color-rgb': toRgbValues(theme.centerChannelColor),
'dnd-indicator-rgb': toRgbValues(theme.dndIndicator),
'error-text-color-rgb': toRgbValues(theme.errorTextColor),
'link-color-rgb': toRgbValues(theme.linkColor),
'mention-bg-rgb': toRgbValues(theme.mentionBg),
'mention-color-rgb': toRgbValues(theme.mentionColor),
'mention-highlight-bg-rgb': toRgbValues(theme.mentionHighlightBg),
'mention-highlight-link-rgb': toRgbValues(theme.mentionHighlightLink),
'new-message-separator-rgb': toRgbValues(theme.newMessageSeparator),
'online-indicator-rgb': toRgbValues(theme.onlineIndicator),
'sidebar-bg-rgb': toRgbValues(theme.sidebarBg),
'sidebar-header-bg-rgb': toRgbValues(theme.sidebarHeaderBg),
'sidebar-header-text-color-rgb': toRgbValues(theme.sidebarHeaderTextColor),
'sidebar-text-rgb': toRgbValues(theme.sidebarText),
'sidebar-text-active-border-rgb': toRgbValues(theme.sidebarTextActiveBorder),
'sidebar-text-active-color-rgb': toRgbValues(theme.sidebarTextActiveColor),
'sidebar-text-hover-bg-rgb': toRgbValues(theme.sidebarTextHoverBg),
'sidebar-unread-text-rgb': toRgbValues(theme.sidebarUnreadText),
// Hex CSS variables
// TODO: phase out changeOpacity() here
'sidebar-bg': theme.sidebarBg,
'sidebar-text': theme.sidebarText,
'sidebar-text-08': changeOpacity(theme.sidebarText, 0.08),
'sidebar-text-16': changeOpacity(theme.sidebarText, 0.16),
'sidebar-text-30': changeOpacity(theme.sidebarText, 0.3),
'sidebar-text-40': changeOpacity(theme.sidebarText, 0.4),
'sidebar-text-50': changeOpacity(theme.sidebarText, 0.5),
'sidebar-text-60': changeOpacity(theme.sidebarText, 0.6),
'sidebar-text-72': changeOpacity(theme.sidebarText, 0.72),
'sidebar-text-80': changeOpacity(theme.sidebarText, 0.8),
'sidebar-unread-text': theme.sidebarUnreadText,
'sidebar-text-hover-bg': theme.sidebarTextHoverBg,
'sidebar-text-active-border': theme.sidebarTextActiveBorder,
'sidebar-text-active-color': theme.sidebarTextActiveColor,
'sidebar-header-bg': theme.sidebarHeaderBg,
'sidebar-header-text-color': theme.sidebarHeaderTextColor,
'sidebar-header-text-color-80': changeOpacity(theme.sidebarHeaderTextColor, 0.8),
'online-indicator': theme.onlineIndicator,
'away-indicator': theme.awayIndicator,
'dnd-indicator': theme.dndIndicator,
'mention-bg': theme.mentionBg,
'mention-color': theme.mentionColor,
'center-channel-bg': theme.centerChannelBg,
'center-channel-color': theme.centerChannelColor,
'center-channel-bg-88': changeOpacity(theme.centerChannelBg, 0.88),
'center-channel-color-88': changeOpacity(theme.centerChannelColor, 0.88),
'center-channel-bg-80': changeOpacity(theme.centerChannelBg, 0.8),
'center-channel-color-80': changeOpacity(theme.centerChannelColor, 0.8),
'center-channel-color-72': changeOpacity(theme.centerChannelColor, 0.72),
'center-channel-bg-64': changeOpacity(theme.centerChannelBg, 0.64),
'center-channel-color-64': changeOpacity(theme.centerChannelColor, 0.64),
'center-channel-bg-56': changeOpacity(theme.centerChannelBg, 0.56),
'center-channel-color-56': changeOpacity(theme.centerChannelColor, 0.56),
'center-channel-color-48': changeOpacity(theme.centerChannelColor, 0.48),
'center-channel-bg-40': changeOpacity(theme.centerChannelBg, 0.4),
'center-channel-color-40': changeOpacity(theme.centerChannelColor, 0.4),
'center-channel-bg-30': changeOpacity(theme.centerChannelBg, 0.3),
'center-channel-color-32': changeOpacity(theme.centerChannelColor, 0.32),
'center-channel-bg-20': changeOpacity(theme.centerChannelBg, 0.2),
'center-channel-color-20': changeOpacity(theme.centerChannelColor, 0.2),
'center-channel-bg-16': changeOpacity(theme.centerChannelBg, 0.16),
'center-channel-color-24': changeOpacity(theme.centerChannelColor, 0.24),
'center-channel-color-16': changeOpacity(theme.centerChannelColor, 0.16),
'center-channel-bg-08': changeOpacity(theme.centerChannelBg, 0.08),
'center-channel-color-08': changeOpacity(theme.centerChannelColor, 0.08),
'center-channel-color-04': changeOpacity(theme.centerChannelColor, 0.04),
'new-message-separator': theme.newMessageSeparator,
'link-color': theme.linkColor,
'link-color-08': changeOpacity(theme.linkColor, 0.08),
'button-bg': theme.buttonBg,
'button-color': theme.buttonColor,
'button-bg-88': changeOpacity(theme.buttonBg, 0.88),
'button-color-88': changeOpacity(theme.buttonColor, 0.88),
'button-bg-80': changeOpacity(theme.buttonBg, 0.8),
'button-color-80': changeOpacity(theme.buttonColor, 0.8),
'button-bg-72': changeOpacity(theme.buttonBg, 0.72),
'button-color-72': changeOpacity(theme.buttonColor, 0.72),
'button-bg-64': changeOpacity(theme.buttonBg, 0.64),
'button-color-64': changeOpacity(theme.buttonColor, 0.64),
'button-bg-56': changeOpacity(theme.buttonBg, 0.56),
'button-color-56': changeOpacity(theme.buttonColor, 0.56),
'button-bg-48': changeOpacity(theme.buttonBg, 0.48),
'button-color-48': changeOpacity(theme.buttonColor, 0.48),
'button-bg-40': changeOpacity(theme.buttonBg, 0.4),
'button-color-40': changeOpacity(theme.buttonColor, 0.4),
'button-bg-30': changeOpacity(theme.buttonBg, 0.32),
'button-color-32': changeOpacity(theme.buttonColor, 0.32),
'button-bg-24': changeOpacity(theme.buttonBg, 0.24),
'button-color-24': changeOpacity(theme.buttonColor, 0.24),
'button-bg-16': changeOpacity(theme.buttonBg, 0.16),
'button-color-16': changeOpacity(theme.buttonColor, 0.16),
'button-bg-08': changeOpacity(theme.buttonBg, 0.08),
'button-color-08': changeOpacity(theme.buttonColor, 0.08),
'button-bg-04': changeOpacity(theme.buttonBg, 0.04),
'button-color-04': changeOpacity(theme.buttonColor, 0.04),
'error-text': theme.errorTextColor,
'error-text-08': changeOpacity(theme.errorTextColor, 0.08),
'error-text-12': changeOpacity(theme.errorTextColor, 0.12),
'mention-highlight-bg': theme.mentionHighlightBg,
'mention-highlight-link': theme.mentionHighlightLink,
},
});
Idk if the theme does not exists, so I reset the theme in the db, but it didn’t help, I tried deactivating and reactivating the user, we tried on different browsers and computers, but the same thing always happens =/
Any help would be greatly appreciated