eslint issue with jsx-a11y/media-has-caption

Question

I have an audio file that im querying from contentful but instead of display the data I keep getting this eslintrule pop, It's an audio file so it has no captions. Is there a way of disabling this or correctly disabling it ?

this is the code

{data.allContentfulPodcast.edges.map(video => 
          <div>
          <audio key={video} src={video.node.video.file.url}/>
         
         
          </div>
          )}

Answer 1

You may be able to disable that rule for the file by adding this comment at the top:

/* eslint-disable jsx-a11y/media-has-caption */

Answer 2

You can also add rule to disable that specific line:

{data.allContentfulPodcast.edges.map(video => 
        <div>
          /* eslint-disable-next-line jsx-a11y/media-has-caption */
          <audio key={video} src={video.node.video.file.url}/>
       </div>
)}