Добавить «активированное» имя класса к элементу после отображения содержимого домашней страницы

Question

Я начинаю свой первый проект Гэтсби. Я хочу добавить класс «активированный» к элементу после отображения домашней страницы.

Мой код в index.js:

const IndexPage = () => (<Layout>
  ...
  <div className="wrapper starter">
<div className="inner-wrap">
  <section>
    <a href="."><img src={LogoImg} className="logo ease"/></a>
      <dl>
                <dt>
          <UserAgentProvider ua={window.navigator.userAgent}>
            <>
            <UserAgent mac>
              <h1 className="welcome-msg activated">Msg</h1>
            </UserAgent>

...

Я думаю о componentDidMount и устанавливаю флажок для проверки отображения страницы, но я понятия не имею, чтобы она работала. Извините, это проблема низкого уровня, но я жду ваших ответов, большое спасибо за помощь ~