The const array variable value populated in a function does not reflect the updated values when called in another function in Firefox about react HOT 2 CLOSED

Your are using arrayVal as a local variable, which is getting reset after every render of the checkbox component. Use useRef to persist the data, something like below:

 const arrayVal = useRef([]);
  const [items, setItems] = useState([]);

  const rowDataBoundEvent = (args) => {
    if (args.data.ShipCountry == 'Brazil') {
      console.log(args.data);
      var rowInfo = gridInstance.getRowIndexByPrimaryKey(args.data);
      arrayVal.current.push(rowInfo); // Update the ref's current value
      console.log(rowInfo);
      setItems([...items, rowInfo]);
      console.log('rowDataBound: ' + arrayVal.current);
      //gridInstance.selectRows([2,3,5]);
    }
  };

  const dataBoundEvent = (args) => {
    console.log('databound: ' + arrayVal.current);
    gridInstance.selectRows(arrayVal.current);
  };

from react.

Your are using arrayVal as a local variable, which is getting reset after every render of the checkbox component. Use useRef to persist the data, something like below:

 const arrayVal = useRef([]);
  const [items, setItems] = useState([]);

  const rowDataBoundEvent = (args) => {
    if (args.data.ShipCountry == 'Brazil') {
      console.log(args.data);
      var rowInfo = gridInstance.getRowIndexByPrimaryKey(args.data);
      arrayVal.current.push(rowInfo); // Update the ref's current value
      console.log(rowInfo);
      setItems([...items, rowInfo]);
      console.log('rowDataBound: ' + arrayVal.current);
      //gridInstance.selectRows([2,3,5]);
    }
  };

  const dataBoundEvent = (args) => {
    console.log('databound: ' + arrayVal.current);
    gridInstance.selectRows(arrayVal.current);
  };

This solved the issue, thank you for your response.

from react.