Fix unique key in ui-notification-toast

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2021-06-18 17:39:29 +02:00
parent 31ca77ebfa
commit b13c1ce8a0

View file

@ -74,13 +74,13 @@ export const UiNotificationToast: React.FC<UiNotificationProps> = ({
const buttonsDom = useMemo( const buttonsDom = useMemo(
() => () =>
buttons?.map((button) => { buttons?.map((button, buttonIndex) => {
const buttonClick = () => { const buttonClick = () => {
button.onClick() button.onClick()
dismissThisNotification() dismissThisNotification()
} }
return ( return (
<Button key={button.label} size={'sm'} onClick={buttonClick} variant={'link'}> <Button key={buttonIndex} size={'sm'} onClick={buttonClick} variant={'link'}>
{button.label} {button.label}
</Button> </Button>
) )
@ -89,9 +89,9 @@ export const UiNotificationToast: React.FC<UiNotificationProps> = ({
) )
const contentDom = useMemo(() => { const contentDom = useMemo(() => {
return content.split('\n').map((value) => { return content.split('\n').map((value, lineNumber) => {
return ( return (
<Fragment> <Fragment key={lineNumber}>
{value} {value}
<br /> <br />
</Fragment> </Fragment>