<ToastNotification /> prop timeout > 0 does not render component on UI.

BUG -

1. I am on @carbon/ibm-security version 1.41.0 and
2. I am facing issue with <ToastNotification /> component.

Description -

• When I pass prop timeout value > 0 (say 12000), it is not rendering the component on UI.
• BUT when I pass prop timeout as 0, then it is rendered as expected on UI.

<ToastNotification
    onCloseButtonClick={onToastClose}
    className='toast-notification animated slideInUp'
    title={error.title}
    subtitle={error.subtitle}
    kind={error.title.toLowerCase()}
    caption=''
    timeout={12000}
/>

Expected behavior -

• Notification should be rendered on UI for provided timeout span

Actual behavior -

• Notification is not rendered at all if timeout prop value is > 0

Steps for reproducing - (TRY it in both Chrome and Firefox)

Browsers

• Not browser specific

Optional information

• None

[palak1459]

@emyarod @SwapnilAhire https://codesandbox.io/s/hopeful-aryabhata-h824j?file=/src/index.js is the reduced test case. It’s not working for “carbon/ibm-security”: “1.40.0” and later. Also found out that this issue is already resolved in https://github.com/carbon-design-system/carbon/issues/8348 and may be available in next version.

[emyarod]

the fix was released in carbon-components-react@7.33.0