Basic react-loading-skeleton implementation.

Title.tsx

import React, { FC } from 'react';
import Skeleton from 'react-loading-skeleton';

type titleProps = {
  loading: boolean;
  title: string;
};

const Title: FC<titleProps> = ({ loading, title }: titleProps) => {
  return (
    <>
      {loading ? <Skeleton width={36} height={24} /> : <h1>{title}</h1>}
    <>
  );
};

export default Title;