How to use the @parcel/utils.prettyDiagnostic function in @parcel/utils

{diagnostics.map((d, i) => {
        let {message, stack, hints, codeframe} = prettyDiagnostic(d);

        return (
          <div>
            {i &gt; 0 ? ' ' : '' /* spacer */}
            
              {`${emoji} `} {message}
            
            {!codeframe &amp;&amp; stack &amp;&amp; (
              <div>
                {stack}
              </div>
            )}
            {codeframe &amp;&amp; <div>{codeframe}</div>}
            {hints.length &gt; 0 &amp;&amp; }
          </div>
        );

function logUncaughtError(e: mixed) {
  if (e instanceof ThrowableDiagnostic) {
    for (let diagnostic of e.diagnostics) {
      let out = prettyDiagnostic(diagnostic);
      console.error(out.message);
      console.error(out.codeframe || out.stack);
      for (let h of out.hints) {
        console.error(h);
      }
    }
  } else {
    console.error(e);
  }
}

    let renderedDiagnostics = diagnostics.map(d => prettyDiagnostic(d));