Following the link to a specific Design throws an Invariant Violation error

Summary

(Summarize the bug encountered concisely) When opening the link for a Design in Design Management, there's an error in the console and the Vue app breaks.

Example:

http://localhost:3001/twitter/typeahead-js/issues/10#/designs/sidebar--collapsed.png

(still happens after enabling the history mode of the Vue Router, in https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/14722)

Screen_Shot_2019-07-17_at_19.43.42

Steps to reproduce

Make sure you enable Feature Flag for Design Management (expand for instructions)
cd <gdk-directory>/gitlab
bundle exec rails c

# Where namespace/my-project is the "full path"
# of the project (what you see in the URL when
# viewing the project including the slash)
project = Project.find_by_full_path('namespace/my-project') 

Feature.enable(:design_management_flag, project)
  1. Open one issue
  2. If no Designs are present, upload one.
  3. Open the Design
  4. Reload or open the link in the address bar in a new tab
  5. See error in console.

Example Project

Feature flag is disabled in Production.

What is the current bug behavior?

Vue app breaks.

What is the expected correct behavior?

Vue app would initialize and open the corresponding Design.

Relevant logs and/or screenshots

Screen_Shot_2019-07-17_at_19.43.52

Edited Jul 17, 2019 by André Luís
Assignee Loading
Time tracking Loading