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)
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)
- Open one issue
- If no Designs are present, upload one.
- Open the Design
- Reload or open the link in the address bar in a new tab
- 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
Edited by André Luís