Example React component

visitors-list-component.tsx

import type { FunctionComponent } from 'react';
import type { AnalyticsType } from '../../schema';

type PickedProps = Pick<AnalyticsType, 'city' | 'country' | 'flag'>;

interface Props {
  analyticsData: PickedProps[];
}

const VisitorsList: FunctionComponent<Props> = ({ analyticsData }) => {
  return (
    <ul>
      {analyticsData.map((data: PickedProps) => {
        const { city, country, flag } = data;
        return <li>{`${city} | ${country} | ${flag}`}</li>;
      })}
    </ul>
  );
};

export default VisitorsList;