title: show only minutes in react using react-countdown-circle-timer
body: <p>I want to create a test page in react with a countdown timer (50 minutes) for that I used the react-countdown-circle-timer module. The problem's the minutes don't change. I want to show only the remaining minutes in the app.</p>
  <pre><code>import React from &quot;react&quot;;
  import { CountdownCircleTimer } from &quot;react-countdown-circle-timer&quot;;
  
  import &quot;./styles.css&quot;;
  
  export default function App() {
    const minuteSeconds = 60;
    const hourSeconds = 3000;
    const renderTime = (dimension, time) =&gt; {
      return (
        &lt;div className=&quot;time-wrapper&quot;&gt;
          &lt;div className=&quot;time&quot;&gt;{time}&lt;/div&gt;
          &lt;div&gt;{dimension}&lt;/div&gt;
        &lt;/div&gt;
      );
    };
  
    const getTimeMinutes = (time) =&gt; {
      return ((time % hourSeconds) / minuteSeconds) | 0;
    };
  
    const timerProps = {
      isPlaying: true,
      size: 120,
      strokeWidth: 6
    };
  
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;CountdownCircleTimer
          {...timerProps}
          isPlaying
          initialRemainingTime={hourSeconds}
          duration={hourSeconds}
          colors={[[&quot;#3f51b5&quot;]]}
          onComplete={() =&gt; console.log(&quot;times up&quot;)}
        &gt;
          {({ elapsedTime }) =&gt; {
            //console.log(hourSeconds - elapsedTime / 1000);
            return renderTime(
              &quot;minute&quot;,
              getTimeMinutes(hourSeconds - elapsedTime / 1000)
            );
          }}
        &lt;/CountdownCircleTimer&gt;
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>I added a code sandbox link for the app example.
  <a href="https://codesandbox.io/s/cool-sea-7bh6h?file=/src/App.js:0-1131" rel="nofollow noreferrer">https://codesandbox.io/s/cool-sea-7bh6h?file=/src/App.js:0-1131</a>
  how to fix the problem?</p>