colouring-montreal/app/src/frontend/components/error-box.tsx

import React from 'react';

interface ErrorBoxProps {
    msg: string;
}

const ErrorBox: React.FC<ErrorBoxProps> = (props) => {
    if (props.msg) {
        console.error(props.msg);
    }

    return props.msg ?
        <div className="alert alert-danger" role="alert">
            {
                typeof props.msg === 'string' ?
                    props.msg
                    : 'Unexpected error'
            }
        </div> :
        null;
};

export default ErrorBox;