React Animated Number component using react-countup update when end changed

AnimatedNumber.js

import React, {useEffect} from 'react';
import  { useCountUp } from 'react-countup';


export default function AnimatedNumber({ value, decimals }){
    const { countUp, update } = useCountUp({ start:0, end: value, decimals, duration:1.5 });

    useEffect(() => {
        update(value);
    }, [value])

    return countUp;
}