Skip to content

Gracefully handle "something went wrong" error in the UI #25689

@DonOmalVindula

Description

@DonOmalVindula

Current Limitation

Currently, when "something went wrong" error occurs in the console and my account (due to various reasons), the users are unable to visit other side panel items as well. The only way to overcome this error is a full page reload in the browser.

This occuring due to not having proper error boundaries at the feature level. Instead we have resorted to an app-level ErrorBoundary [1]. The drawback of this approach is that, when the application encounters an error, the app-level ErrorBoundary will hit and it will cause the whole application to be not responsive.

Image

[1] - https://github.com/wso2/identity-apps/blob/96fdade8c9c0b645a1eb1bb1161f5b73a63923ec/apps/console/src/layouts/app-layout.tsx#L64

Suggested Improvement

We should find a way to gracefully handle this error while allowing the users to navigate to other side panel items regardless of crashing in a different tab.

Please select the area issue is related to

Other

Version

No response

Developer Checklist

  • [Behavioural Change] Does this change introduce a behavioral change to the product?
  •  ↳ Approved by team lead
  •  ↳ Label impact/behavioral-change added
  • [Migration Impact] Does this change have a migration impact?
  •  ↳ Migration label added (e.g., 7.2.0-migration)
  •  ↳ Migration issues created and linked
  • [New Configuration] Does this change introduce a new configuration?
  •  ↳ Label config added
  •  ↳ Configuration is properly documented

Metadata

Metadata

Assignees

Type

No type

Projects

Status

In Review

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions