const [checkedInput, setCheckedInput] = useState({ currentChekcedInput: [] });

 const handleCheckboxOnchange = (e) => {
    const { value, checked } = e.target;
    const { currentChekcedInput } = checkedInput;

   // Case 1  : The user checks the box
    if (checked) {
      setCheckedInput({ currentChekcedInput: [...currentChekcedInput, value] });
    }

    // Case 2  : The user unchecks the box
    else {
      setCheckedInput({
        currentChekcedInput: currentChekcedInput.filter((e) => e !== value)
      });
    }
  };