title: Refactor states with hooks
body: <p>I am trying to refactor simply code with hardcoded initial state, but I am new to React Hooks.</p>
  <pre><code>const TimersDashboard = () =&gt; {
    const [timers, timersChange] = useState(0)
  
  
    React.state = {
      timers: [
        {
          id: UUID.v4(),
          activity: 'Testing activity',
          description: 'Lorem ipsum kraf maga',
          elapsed: '0',
          runningSince: Date.now(),
        },
        {
          id: UUID.v4(),
          activity: 'Next activity',
          description: 'Lorem ipsum kung fu',
          elapsed: '0',
          runningSince: Date.now(),
        }
      ]
    }
  
    return (
      &lt;div className='ui three column centered grid'&gt;
        &lt;div className='column'&gt;
          &lt;TimersList
            timers={this.state.timers} 
          /&gt;
          &lt;NewTimerTool
            isOpen={false}
          /&gt;
        &lt;/div&gt;    
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>I have problem to rewrite initial state with Hooks.</p>