Fix react warning from Toaster (#7574) (#7581)

justinbhopper · web-flow · commit 031a998e066f · 2025-10-09T10:46:47.000-04:00
diff --git a/packages/core/src/components/toast/overlayToaster.tsx b/packages/core/src/components/toast/overlayToaster.tsx
@@ -295,7 +295,8 @@ export class OverlayToaster extends AbstractPureComponent<OverlayToasterProps, O
     }
 
     private renderToast = (toast: ToastOptions) => {
-        return <Toast {...toast} onDismiss={this.getDismissHandler(toast)} />;
+        const { key, ...toastProps } = toast;
+        return <Toast key={key} {...toastProps} onDismiss={this.getDismissHandler(toast)} />;
     };
 
     private createToastOptions(props: ToastProps, key = `toast-${this.toastId++}`) {

Original file line number	Diff line number	Diff line change
`@@ -295,7 +295,8 @@ export class OverlayToaster extends AbstractPureComponent<OverlayToasterProps, O`
`295`	`295`	`}`
`296`	`296`
`297`	`297`	`private renderToast = (toast: ToastOptions) => {`
`298`		`- return <Toast {...toast} onDismiss={this.getDismissHandler(toast)} />;`
	`298`	`+ const { key, ...toastProps } = toast;`
	`299`	`+ return <Toast key={key} {...toastProps} onDismiss={this.getDismissHandler(toast)} />;`
`299`	`300`	`};`
`300`	`301`
`301`	`302`	private createToastOptions(props: ToastProps, key = `toast-${this.toastId++}`) {