github.com/grafana/pyroscope@v1.18.0/public/app/ui/Form/ValidationError/index.tsx (about)

     1  import React, { ReactNode } 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 as ReactNode}</div>;
    18  }