Che UI is buggy after loading workspace with Devfile via factory

Description

I have a simple Devfile referencing two projects on Github and a Theia editor of version next.

---
specVersion: 0.0.1
name: my-plugin-env
projects:
  - name: microproj
    source:
      type: git
      location: 'https://github.com/rajivnathan/microproj.git'
  - name: nodeTemplate
    source:
      type: git
      location: 'https://github.com/microclimate-dev2ops/nodeExpressTemplate'
components:
  - alias: theia-ide
    type: cheEditor
    id: eclipse/che-theia/next

When I load a workspace with this devfile (such as via a factory), the Che dashboard becomes very buggy. I can’t select the workspace that was just loaded, nor can I interact with it.

What the sidebar looks like. It’s also preventing me from loading the Theia editor via the dashboard:

What happens when I try to select a workspace:

However, despite this, the workspace loads fine and if I access the workspace IDE directly (such as with http://che-che.10.100.41.160.nip.io/dashboard/#/ide/che/my-plugin-env_1) I can use it just fine.

Reproduction Steps

Load a workspace using my devfile I referenced above. The workspace should load successfully. Navigate back to the Che dashboard and you should see the UI bugs from the screenshots above.

OS and version:
Che latest

I’ve been able to reproduce on: OKD 3.11 OpenShift 3.11 ICP 3.2.0 ICP 3.1.2 Docker Desktop

Diagnostics: Javascript Console Logs: che_js_console_logs.txt

[ashumilova]

I am almost done with the fix, but need to wait for tests to pass 😦

[johnmcollier]

@ashumilova I just got around to using the new Che image, all fixed for me. Thanks!!!