Uploaded image for project: 'Compass '
  1. Compass
  2. COMPASS-5074

Add error boundary to Compass sidebar

    • Type: Icon: Task Task
    • Resolution: Done
    • Priority: Icon: Major - P3 Major - P3
    • 1.34.0
    • Affects Version/s: None
    • Component/s: Sidebar, Tech debt
    • None
    • Not Needed
    • Iteration Jellyfish

      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

            Assignee:
            rhys.howell@mongodb.com Rhys Howell
            Reporter:
            rhys.howell@mongodb.com Rhys Howell
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: