Reactjs: useCallback and React.memo fun - code - 2

loop.js

let _int_val2 = 0;
const IntValComp2 = ({initFunc}) => {
  const [value, setValue] = React.useState(-1);
 
  React.useEffect(
    () => {
      const val = _int_val2++;
      if (_int_val2 >= 100000) _int_val2 = 0;
 
      // use setTimeout here to avoid killing the browser
      setTimeout(() => {
        setValue(val);
        initFunc(val);
      }, 500);
    },
    [initFunc],
  );
 
  return <div>{`int value two: ${value}`}</div>;
};
 
const ParentComp = () => {
  const [intVal2, setIntVal2] = React.useState();
  return (
    <div>
      <IntValComp2 initFunc={(v) => setIntVal2(v)} />
    </div>
  );
};