github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/ui/Form/ValidationError/index.tsx (about)

     1  import React from 'react';
     2  import type { FieldError, Merge, FieldErrorsImpl } from 'react-hook-form';
     3  import styles from './index.module.css';
     4  
     5  interface StatusMessageProps {
     6    message?:
     7      | string
     8      | FieldError
     9      | Merge<FieldError, FieldErrorsImpl<ShamefulAny>>;
    10  }
    11  
    12  export default function ValidationError({ message }: StatusMessageProps) {
    13    if (!message) {
    14      return null;
    15    }
    16  
    17    return <div className={styles.validationError}>{message}</div>;
    18  }