hello-person.component.tsx

import * as React from 'react';
import { reportUserLogin } from '../services/data-service';

interface Props {
  name: string;
}

export class HelloPerson extends React.PureComponent<Props> {
  componentDidMount() {
    const { name } = this.props;
    
    if (name === 'Eyal') {
      reportUserLogin(name);
    }
  }
  
  render() {
    return (
      <div>
        <h1>Welcome!</h1>
        <span id="name">{this.props.name}</span>
      </div>
    );
  }
}