MultiCode.js

const MultiCode = ({ interview, options, dispatchChange }) => {
  const currentOptions = () => (
    getCurrentOptions(interview.selections.value, options)
  );
  const addValues = (selectedOptions) => {
    dispatchChange(selectedOptions.map(option => ({ optionId: option.id })));
  };
  const updateForm = (optionIsSelected, option) => {
    const selectedOptions = mapOptions(
      currentOptions(),
      option,
      !optionIsSelected
    );

    addValues(selectedOptions);
  };
  const isDisabled = (option) => (
    isOptionDisabled(option, currentOptions())
  );
  const isChecked = (option) => (
    isOptionChecked(option, currentOptions())
  );

  return (
    <div className="coded-questions">
      <QuestionErrorMessage element={interview.selections} />
      {options.map(option => (
        <MultiCodeOption
          key={option.id}
          option={option}
          onOptionChange={updateForm}
          isChecked={isChecked(option)}
          isDisabled={isDisabled(option)}
        />
      ))}
    </div>
  );
};