WithAnalytics.tsx

import {useCapture} from 'providers/Capture';
import {useEffect} from 'react';
import AnalyticsService from 'services/Analytics/Analytics.service';

const withAnalytics = <P extends object>(Component: React.ComponentType<P>, name: string) => {
  const FunctionComponent = (props: P) => {
    const {pageView} = useCapture();

    useEffect(() => {
      pageView();
      AnalyticsService.page(name);
    }, [pageView, props]);

    return <Component {...props} />;
  };

  return FunctionComponent;
};

export default withAnalytics;