Как в реакте узнать, что компонент промонтировался?

Есть код:

import React, {Component} from 'react';
import {Route, Switch} from 'react-router-dom';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import ContentIndex from '../pages/ContentIndex';
import Catalog from '../pages/Catalog';

class Root extends Component {
  
  render(){
      return(
      <div className="all-data">
			<Switch>

				<Route
				exact
				path={"/"}
				component={ContentIndex}
				/>

				<Route
				path={'/catalog'
				component={Catalog}
				/>
              
              </Switch>
       </div>

      )
  }

}

Не знаю как-то реализировать шаблон чтобы при переходе по url загружался спиннер и как только компонент промонтировался прятать спиннер

Ожидаемый результат как здесь - https://nguyenbathanh.github.io