import React from 'react';
import main from './services/main';

function App() {
  const [count, setCount] = React.useState(0);
  React.useEffect(() => {
    async function fetchCount() {
      const newCount = (await main.get()).data.count;
      setCount(newCount);
    }
    fetchCount();
  }, [setCount]);
  return (
    <div className='App'>
      <header className='App-header'>
        <h4>{count}</h4>
        <button
          onClick={async () => {
            setCount((await main.increment()).data.count);
          }}
        >
          Increment
        </button>
      </header>
    </div>
  );
}
export default App;