State update doesn't trigger countup to update

I am trying to use this as a part of a live dashboard, but for some reason, state changes from parent components doesn’t trigger an update to useCountUp. If I use an actual number in the effect update, it triggers correctly, but state updates do not. Console logging shows that an update occured, but the counter does not adjust. Code example below:

const Data = props.data const { countUp, start, update } = useCountUp({ start: 0, end: Data(), delay: 0, duration: 1, onUpdate: () => console.log('Updated!'), }); useEffect(() => { update(Data())} ,[Data, update])

[mmarkelov]

@wantToHawaii I know that it is something weird, but for this case you should use provided update function:

import React from "react";
import PropTypes from "prop-types";
import { useCountUp } from "react-countup";

const ChildComponent = ({ value }) => {
  const { countUp, update } = useCountUp({ start: 0, end: value, duration: 2 });

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

  return (
    <div>
      <div>value without countUp: {value}</div>
      <div>value with countUp: {countUp}</div>
    </div>
  );
};

ChildComponent.propTypes = {
  value: PropTypes.number.isRequired
};

export default ChildComponent;

[mmarkelov]

should be ok in react-countup@5.0.0-0