chore(deps): update react to 18 (#2943)

src/components/Settings/Notifications/NotificationsGotify/index.tsx

@@ -26,7 +26,7 @@ const messages = defineMessages({
   validationTypes: 'You must select at least one notification type',
 });
 
-const NotificationsGotify: React.FC = () => {
+const NotificationsGotify = () => {
   const intl = useIntl();
   const { addToast, removeToast } = useToasts();
   const [isTesting, setIsTesting] = useState(false);
@@ -173,9 +173,11 @@ const NotificationsGotify: React.FC = () => {
                 <div className="form-input-field">
                   <Field id="url" name="url" type="text" />
                 </div>
-                {errors.url && touched.url && (
-                  <div className="error">{errors.url}</div>
-                )}
+                {errors.url &&
+                  touched.url &&
+                  typeof errors.url === 'string' && (
+                    <div className="error">{errors.url}</div>
+                  )}
               </div>
             </div>
             <div className="form-row">
@@ -187,9 +189,11 @@ const NotificationsGotify: React.FC = () => {
                 <div className="form-input-field">
                   <Field id="token" name="token" type="text" />
                 </div>
-                {errors.token && touched.token && (
-                  <div className="error">{errors.token}</div>
-                )}
+                {errors.token &&
+                  touched.token &&
+                  typeof errors.token === 'string' && (
+                    <div className="error">{errors.token}</div>
+                  )}
               </div>
             </div>
             <NotificationTypeSelector