[COMPASS-5074] Add error boundary to Compass sidebar Created: 08/Sep/21  Updated: 28/Sep/22  Resolved: 14/Sep/22

Status: Closed
Project: Compass
Component/s: Sidebar, Tech debt
Affects Version/s: None
Fix Version/s: 1.34.0

Type: Task Priority: Major - P3
Reporter: Rhys Howell Assignee: Rhys Howell
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Related
related to COMPASS-5075 Add react error boundaries to `connect` Closed
Epic Link: COMPASS-5486
Documentation Changes: Not Needed
Sprint: Iteration Jellyfish

 Description   

Currently we only have react error boundaries set up for the various tabs in compass (databases, collections, collection views). We should add error boundaries to the rendering of the sidebar as well. It will help gracefully handle errors that occur when a component is rendered. This should ideally should never happen, but in the case that it does happen, a user should be able to use other parts of Compass without the entire react window/instance breaking.

React error boundaries:
https://reactjs.org/docs/error-boundaries.html

Here's how we currently handle them in Compass:
https://github.com/mongodb-js/compass/blob/main/packages/compass-components/src/components/error-boundary.tsx



 Comments   
Comment by Githook User [ 28/Sep/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(sidebar): Add error boundary to sidebar COMPASS-5074 (#3469)
Branch: update-compass-shell-to-shared-config
https://github.com/mongodb-js/compass/commit/315ff9e74e6b0fd2f5b13bb7f30d862a466f641b

Comment by Githook User [ 15/Sep/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(sidebar): Add error boundary to sidebar COMPASS-5074 (#3469)
Branch: COMPASS-6110-remove-spacing-between-tabs-and-sidebar
https://github.com/mongodb-js/compass/commit/315ff9e74e6b0fd2f5b13bb7f30d862a466f641b

Comment by Githook User [ 15/Sep/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(sidebar): Add error boundary to sidebar COMPASS-5074 (#3469)
Branch: check-jira
https://github.com/mongodb-js/compass/commit/315ff9e74e6b0fd2f5b13bb7f30d862a466f641b

Comment by Githook User [ 14/Sep/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(sidebar): Add error boundary to sidebar COMPASS-5074 (#3469)
Branch: show-icons-in-menus
https://github.com/mongodb-js/compass/commit/315ff9e74e6b0fd2f5b13bb7f30d862a466f641b

Comment by Githook User [ 14/Sep/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(sidebar): Add error boundary to sidebar COMPASS-5074 (#3469)
Branch: try-new-lg
https://github.com/mongodb-js/compass/commit/315ff9e74e6b0fd2f5b13bb7f30d862a466f641b

Comment by Githook User [ 14/Sep/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(sidebar): Add error boundary to sidebar COMPASS-5074 (#3469)
Branch: COMPASS-6099-remove-feature-tour
https://github.com/mongodb-js/compass/commit/315ff9e74e6b0fd2f5b13bb7f30d862a466f641b

Comment by Githook User [ 14/Sep/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(sidebar): Add error boundary to sidebar COMPASS-5074 (#3469)
Branch: main
https://github.com/mongodb-js/compass/commit/315ff9e74e6b0fd2f5b13bb7f30d862a466f641b

Generated at Wed Feb 07 22:38:21 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.