Create React App jsx-a11y/accessible-emoji warning won't go away

Not ideal but you can disable the warnings by adding this to the file:

/* eslint-disable jsx-a11y/accessible-emoji */

The best solution I found is Sean McPherson's a11y-react-emoji Component.

Add a11y-react-emoji to your project:

npm install a11y-react-emoji
# or
yarn add a11y-react-emoji

Import the Emoji component and use it:

import Emoji from 'a11y-react-emoji';

function EmojiExample() {
    return (
        <Emoji symbol="" label="sheep" />
    )
}

Full credit to Sean and his article on Medium.

Related