How to add description in a promise

[Noname]

Describe the feature 📝:

How to add description to a promise success or error.

[Mridul Sharma]

Hi,
I just look through the code and the return types for both success and error is defined as React.ReactNode | string. Given that you wish to display a header field that is followed by a description, you may attempt building your structure by enclosing it within an element and returning it as a response. The promise functionality does not have its own description field.

Example:

type ResponseType = {
  header: string;
  description: string;
}

toast.promise<ResponseType>(
  Promise.resolve({
    header: "Notification",
    description: "Test Description",
  }),
  {
    loading: "Loading...",
    success: (data: ResponseType) => {
      return (
        <div>
          <div className="font-semibold">{data.header}</div>
          <p>{data.description}</p>
        </div>
      );
    },
    error: "Error"
  }
);

I hope this answers your query 😇