Keep countdown state between re-renders with Redux

[DFreezer]

I'm trying to make countdown work while I'm switching between components. And I pass the state from redux store with the date, but the counter freezes after a few seconds. What am I doing wrong?

// slicer init state code
var now = Date.now();
initialState: {
        now: now,
        date: now + 60000 * 30,
        isStarted: false,
        isPaused: true
},
// timer component 
const dateState = useSelector(state => state.timer.date)
const now = useSelector(state => state.timer.now)
const isStarted = useSelector(state => state.timer.isStarted)
const isPaused = useSelector(state => state.timer.isPaused)
const dispatch = useDispatch();
const clockRef = useRef()

<Countdown
        ref={clockRef}
        date={dateState} // trying to set init date from redux
        now={() => now} // trying to use now same as in redux (it works if I pass Date.now()) 
        intervalDelay={0}
        autoStart={isStarted}
        zeroPadTime={2}
        zeroPadDays={2}
        precision={2}
        renderer={renderer}
        onStart={() => {dispatch(updateIsStarted(true)); dispatch(updateIsPaused(false))}}
        onPause={() => {dispatch(updateIsPaused(true)); dispatch(updateIsStarted(false))}}
        onStop={() => {dispatch(updateIsPaused(true)); dispatch(updateIsStarted(false))}}
        onTick={props => console.log(props.total)}
    />

It's started with 30:00:00, and when I start the timer it goes forward and stops something about at ~30:03:43