@nteract/outputs/src/components/kernel-output-error.md

components for rendering outputs

The `<KernelOutputError />` component will render a Jupyter error, commonly done as a traceback. An old error style that is still sent by kernels is the `ename` and `evalue`. Per the Jupyter Messaging Protocol, the kernel will return the following payload if it encountered an error during the execution of a code cell.

```json
{
   'status' : 'error',
   'ename' : string,
   'evalue' : string,
   'traceback' : string[],
}
```

The `ename` property contains the name of the error (`OutOfMemory` or `NameError`). The `evalue` property contains the value of the error. This is usually the first line you see before the complete traceback. The `traceback` property contains the stacktrace of the error as a list of strings, with each string consisting of a line within the stacktrace.

We provide a special `KernelOutputError` component that will allow you to render the error payloads received from the kernel. You can pass the `ename,` `evalue`, and `traceback` property values to render the error and traceback in a clean format.

Tracebacks usually include the `ename` and `evalue` at the bottom in python tracebacks. Hence we currently only render the traceback.

```jsx
const errorMessage = {
  output_type: "error",
  ename: "NameError",
  evalue: "name 'asdfaljsd' is not defined",
  traceback: [
    "\u001b[0;31m---------------------------------------------------------------------------\u001b[0m",
    "\u001b[0;31mNameError\u001b[0m                                 Traceback (most recent call last)",
    "\u001b[0;32m<ipython-input-2-e818d3730d2b>\u001b[0m in \u001b[0;36m<module>\u001b[0;34m()\u001b[0m\n\u001b[0;32m----> 1\u001b[0;31m \u001b[0masdfaljsd\u001b[0m\u001b[0;34m\u001b[0m\u001b[0m\n\u001b[0m",
    "\u001b[0;31mNameError\u001b[0m: name 'asdfaljsd' is not defined"
  ]
};

<KernelOutputError output={errorMessage} />;
```

With no traceback, the `ename` and `evalue` is used. This is common in older versions of this output type.

```jsx
<KernelOutputError output={{ ename: "NameError", evalue: "Yikes!" }} />
```