wisemapping-frontend/packages/webapp/src/components/form/global-error/index.tsx

import React from 'react';
import { ErrorInfo } from '../../../classes/client';
import StyledAlert from './styled';

type GlobalErrorProps = {
    error?: ErrorInfo;
};

const GlobalError = (props: GlobalErrorProps): React.ReactElement | null => {
    const error = props.error;
    const hasError = Boolean(error?.msg);
    const errorMsg = error?.msg;

    return hasError ? (
        <StyledAlert severity="error" variant="filled" hidden={!hasError}>
            {errorMsg}
        </StyledAlert>
    ) : null;
};

export default GlobalError;