For example an Agility Project named "Next\Main1" is created.
Then you won't be able to open the project settings as the project details page fails to load.

The character next after the "\" within the name's string is an unexpected character, causing a JSON unexpected token error and generating a Javascript error: "TypeError: Cannot read property 'props' of undefined" from the react-dom js module.

The Agility Project named "Next\Main1" contains a "\" character at the position 5 of the project name's string, loading the project settings will thrown:

• Error parsing data with key project-name: SyntaxError: Unexpected token M in JSON at position 6
• react-dom.production.min.js:187 TypeError: Cannot read property 'props' of undefined
  at translate-message.js:34
  at mapValues.js:38
  at _createBaseFor.js:17
  at e.exports (_baseForOwn.js:13)
  at e.exports (mapValues.js:37)
  at translate-message.js:28
  at Pn (react-dom.production.min.js:172)
  at ls (react-dom.production.min.js:201)
  at cs (react-dom.production.min.js:202)
  at Ks (react-dom.production.min.js:211)

The UI will show a blank page with the popup "Something's gone wrong"

Steps to Reproduce

1. Create an Agility Template's project with an "\" within the project name.
2. Open the setting page (e.g URL https://instance.atlassian.net/projects/pkey/settings/details)

Expected:
To load the project settings and details page

Actual:
Blank page with pop up "something's gone wrong.... reload the page" (reloading is still the same)

Workaround:

1. Create a new agility project without the "\" within the name.
2. Move the issues to that new project
3. Delete the corrupted project