Semantic Class Names

Name platform-owned JSX classes after the element's meaning or structural role, never its appearance, layout, or theme.

Correct

<footer className='footer'>
    <section className='cta' />
</footer>

Incorrect

<section className='blueBox' />

Fix

Replace the visual class name with one that describes the element's meaning or structural role.