shrimpy

let _int_val = 0;
const IntValComp = React.memo(({initFunc}) => {
  const [value, setValue] = React.useState(-1);
  console.log('IntValComp');
 
  React.useEffect(
    () => {
      const val = _int_val++;
      if (_int_val >= 100000) _int_val = 0;
 

shrimpy

let _int_val1 = 0;
const IntValComp1 = ({initFunc}) => {
  const [value, setValue] = React.useState(-1);
  console.log('IntValComp1');
 
  React.useEffect(
    () => {
      const val = _int_val1++;
      if (_int_val1 >= 100000) _int_val1 = 0;

shrimpy

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;
 

shrimpy

let _int_val = 0;
const IntValComp = React.memo(({initFunc}) => {
  const [value, setValue] = React.useState(-1);
 
  // expect to init value once only
  React.useEffect(
    () => {
      const val = _int_val++;
      if (_int_val >= 100000) _int_val = 0;