CreateGroupModal: toast on error

app/soapbox/features/ui/components/modals/manage-group-modal/create-group-modal.tsx

@@ -1,3 +1,4 @@
+import { AxiosError } from 'axios';
 import React, { useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
@@ -5,6 +6,7 @@ import { Modal, Stack } from 'soapbox/components/ui';
 import { useDebounce } from 'soapbox/hooks';
 import { useCreateGroup, useGroupValidation, type CreateGroupParams } from 'soapbox/hooks/api';
 import { type Group } from 'soapbox/schemas';
+import toast from 'soapbox/toast';
 
 import ConfirmationStep from './steps/confirmation-step';
 import DetailsStep from './steps/details-step';
@@ -65,6 +67,14 @@ const CreateGroupModal: React.FC<ICreateGroupModal> = ({ onClose }) => {
             setCurrentStep(Steps.THREE);
             setGroup(group);
           },
+          onError(error) {
+            if (error instanceof AxiosError) {
+              const msg = error.response?.data.error;
+              if (typeof msg === 'string') {
+                toast.error(msg);
+              }
+            }
+          },
         });
         break;
       case Steps.THREE: