How to restart the timer ?

[shafarizkyf]

No description provided.

[crup]

For now you can restart the timer by updating the key.
Here's the sample code below:

import React, { useState } from "react";
import ReactTimer from "@xendora/react-timer";
import "./styles.css";

export default function App() {
  const [isRestarted, setIsRestarted] = useState(false);
  return (
    <div className="App">
      <ReactTimer
        start={0}
        key={isRestarted}
        end={value => value === 30}
        onEnd={value => console.log("ENDED WITH VALUE", value)}
        onTick={value => value + 1}
      >
        {time => <div>{time}</div>}
      </ReactTimer>
      <button
        onClick={() => {
          setIsRestarted(!isRestarted);
        }}
      >
        Restart
      </button>
    </div>
  );
}

https://codesandbox.io/s/autumn-feather-fhxyb

@Bryze Let's evaluate if the need restart functionality as a prop.
@shafarizkyf Any suggestions regarding api for restarting the timer are most welcome.