add eslint disables

Author: lexi-taylor

packages/component/src/ActivityFeedback/private/FeedbackForm.tsx

@@ -47,7 +47,14 @@ function FeedbackForm() {
 
   return (
     <div className={classNames['feedback-form__form']}>
-      <span className={classNames['feedback-form__form-header']} id={feedbackFormHeaderId}>{localize('FEEDBACK_FORM_TITLE')}</span>
+      <span
+        className={classNames['feedback-form__form-header']}
+        // "id" is required for "aria-labelledby"
+        // eslint-disable-next-line react/forbid-dom-props
+        id={feedbackFormHeaderId}
+      >
+        {localize('FEEDBACK_FORM_TITLE')}
+      </span>
       <div className={classNames['feedback-form__text-box']}>
         <TextArea
           aria-label={localize('FEEDBACK_FORM_PLACEHOLDER')}
@@ -62,7 +69,9 @@ function FeedbackForm() {
           value={userFeedback}
         />
       </div>
-      {disclaimer && <Markdownable id={disclaimerId} className={classNames['feedback-form__form-footer']} text={disclaimer} />}
+      {disclaimer && (
+        <Markdownable className={classNames['feedback-form__form-footer']} id={disclaimerId} text={disclaimer} />
+      )}
       <div className={classNames['feedback-form__submission-button-bar']}>
         <button className={classNames['feedback-form__submit-button']} type="submit">
           {localize('FEEDBACK_FORM_SUBMIT_BUTTON_LABEL')}

packages/component/src/Attachment/Text/private/Markdownable.tsx

@@ -23,10 +23,15 @@ function Markdownable({ className, text, id }: MarkdownableProps) {
   );
 
   return innerHTML ? (
-    // eslint-disable-next-line react/no-danger
-    <span id={id} className={className} dangerouslySetInnerHTML={innerHTML} />
+    // "id" is required for "aria-labelledby"
+    // eslint-disable-next-line react/forbid-dom-props, react/no-danger
+    <span className={className} dangerouslySetInnerHTML={innerHTML} id={id} />
   ) : (
-    <span id={id} className={className}>{text}</span>
+    // "id" is required for "aria-labelledby"
+    // eslint-disable-next-line react/forbid-dom-props
+    <span className={className} id={id}>
+      {text}
+    </span>
   );
 }
 

packages/component/src/TextArea/TextArea.tsx

@@ -90,6 +90,8 @@ const TextArea = forwardRef<
             aria-labelledby={props['aria-labelledby']}
             className={cx(classNames['text-area-input'], classNames['text-area-shared'])}
             data-testid={props['data-testid']}
+            // "id" is required for "aria-labelledby"
+            // eslint-disable-next-line react/forbid-dom-props
             id={props['id']}
             onCompositionEnd={handleCompositionEnd}
             onCompositionStart={handleCompositionStart}