diligent-next-ts/components/mui/ErrorMessageComponent.tsx

import { Typography } from '@mui/material';
import React from 'react';

interface IProps {
  error: string;
}

const ErrorMessageComponent: React.FC<IProps> = ({ error }) => (
  <Typography variant="body1" color="error" my={2}>
    {error}
  </Typography>
);

export default ErrorMessageComponent;