Add condition for primary action in toast (codesandbox#1918)

Fixes codesandbox#1917

Author: CompuIves

packages/notifications/src/component/Toast.tsx

@@ -134,20 +134,23 @@ export function Toast({ toast, removeToast, getRef }: Props) {
                   fontSize: '.875rem',
                 }}
               >
-                <Button
-                  small
-                  onClick={() => {
-                    removeToast(toast.id);
-                    toast.notification.actions.primary[0].run();
-                  }}
-                  style={{
-                    marginTop: '1rem',
-                    marginRight: '0.75rem',
-                    lineHeight: 1,
-                  }}
-                >
-                  {toast.notification.actions.primary[0].label}
-                </Button>
+                {toast.notification.actions.primary &&
+                  toast.notification.actions.primary[0] && (
+                    <Button
+                      small
+                      onClick={() => {
+                        removeToast(toast.id);
+                        toast.notification.actions.primary[0].run();
+                      }}
+                      style={{
+                        marginTop: '1rem',
+                        marginRight: '0.75rem',
+                        lineHeight: 1,
+                      }}
+                    >
+                      {toast.notification.actions.primary[0].label}
+                    </Button>
+                  )}
 
                 {toast.notification.actions.secondary &&
                   toast.notification.actions.secondary[0] && (

packages/notifications/src/state.ts

@@ -23,7 +23,7 @@ export interface NotificationMessage {
      * Primary actions show up as buttons as part of the message and will close
      * the notification once clicked.
      */
-    primary: NotificationAction[];
+    primary?: NotificationAction[];
     /**
      * Secondary actions are meant to provide additional configuration or context
      * for the notification and will show up less prominent. A notification does not