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