fix(dashboard): missing null check in error extra (#27845)

(cherry picked from commit f25795c4e4)
This commit is contained in:
JUST.in DO IT 2024-04-02 09:20:43 -07:00 committed by Michael S. Molina
parent c35842e9f1
commit 026c75e018
2 changed files with 10 additions and 3 deletions

View File

@ -56,7 +56,14 @@ const mockedProps = {
};
test('should render', () => {
const { container } = render(<DatabaseErrorMessage {...mockedProps} />);
const nullExtraProps = {
...mockedProps,
error: {
...mockedProps.error,
extra: null,
},
};
const { container } = render(<DatabaseErrorMessage {...nullExtraProps} />);
expect(container).toBeInTheDocument();
});

View File

@ -36,7 +36,7 @@ function DatabaseErrorMessage({
error,
source = 'dashboard',
subtitle,
}: ErrorMessageComponentProps<DatabaseErrorExtra>) {
}: ErrorMessageComponentProps<DatabaseErrorExtra | null>) {
const { extra, level, message } = error;
const isVisualization = ['dashboard', 'explore'].includes(source);
@ -47,7 +47,7 @@ function DatabaseErrorMessage({
{t('This may be triggered by:')}
<br />
{extra.issue_codes
.map<React.ReactNode>(issueCode => (
?.map<React.ReactNode>(issueCode => (
<IssueCode {...issueCode} key={issueCode.code} />
))
.reduce((prev, curr) => [prev, <br />, curr])}