Toast: Long text does not display correctly

[andreiGadjylaJS]

Describe the bug

If the content of the error is one large line, the text will go outside the component

Reproducer

https://codesandbox.io/s/gallant-banzai-soo2gq

PrimeReact version

8.1.0

React version

18.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome 101.0.4951.67

Steps to reproduce the behavior

No response

Expected behavior

Text remained within the error output window

[andreiGadjylaJS]

Also, the window close button is missing.

[melloware]

Add this CSS to your CSS that loads after PrimeReact.

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    overflow-wrap: anywhere;
}

Working Sandbox: https://codesandbox.io/s/practical-rubin-zp6h2m

[andreiGadjylaJS]

Thanks!