import React, { FC } from 'react';

interface Props {
  pageName?: string;
}

const PageLoader: FC<Props> = ({ pageName }) => {
  const loadingText = `Loading ${pageName}...`;
  return (
    <div className="page-loader-wrapper">
      <i className="page-loader-wrapper__spinner fa fa-spinner fa-spin" />
      <div className="page-loader-wrapper__text">{loadingText}</div>
    </div>
  );
};

export default PageLoader;

import React, { FC } from 'react';

interface Props {
  pageName?: string;
}

const PageLoader: FC<Props> = ({ pageName = '' }) => {
  const loadingText = `Loading ${pageName}...`;
  return (
    <div className="page-loader-wrapper">
      <i className="page-loader-wrapper__spinner fa fa-spinner fa-spin" />
      <div className="page-loader-wrapper__text">{loadingText}</div>
    </div>
  );
};

export default PageLoader;

Add pageName default to avoid "Loading undefined..."
fix: Add pageName default to avoid "Loading undefined..."
