react hook example, flow

hookExample.js

//@flow

import React, { useState, useEffect } from 'react';

type IProps = {
  initial?: number,
};

export default function HookExample({ initial = 0 }: IProps) {
  const [fuckingCount, setFuckingCount] = useState(initial);
  const [kek, setKek] = useState('kek');

  useEffect(() => {
    document.title = `You clicked ${fuckingCount} times. ${kek}?`;

    return () => console.log('UNMOUNT HookExample', kek); // выполнится перед unmount компонента
  }, [kek]); // если изменилось хотя бы одна сущность из массива -- выполняем эффект

  return (
    <div>
      <p>You clicked {fuckingCount} fucking times</p>
      <button onClick={() => setFuckingCount(fuckingCount + 1)}>Click me</button>
    </div>
  );
}