[web] Fix a warning about MUI component switch state on using the select all checkbox

The issue here was that since the checkbox property would get initialized to an
undefined value, React would consider it to be uncontrolled. But later on we'd
try to set a value, which'd cause React to complain.

Ref:
- Material-UI: A component is changing the uncontrolled checked state of SwitchBase to be controlled
  https://stackoverflow.com/questions/69259429/material-ui-a-component-is-changing-the-uncontrolled-checked-state-of-switchbas
This commit is contained in:
Manav Rathi 2024-03-09 09:39:35 +05:30
parent c14f2ddbd7
commit 8c9a11fc62

View file

@ -786,7 +786,7 @@ export function PhotoList({
<Checkbox <Checkbox
key={item.date} key={item.date}
name={item.date} name={item.date}
checked={checkedDates[item.date]} checked={!!checkedDates[item.date]}
onChange={() => onChange={() =>
onChangeSelectAllCheckBox(item.date) onChangeSelectAllCheckBox(item.date)
} }
@ -804,7 +804,7 @@ export function PhotoList({
<Checkbox <Checkbox
key={listItem.date} key={listItem.date}
name={listItem.date} name={listItem.date}
checked={checkedDates[listItem.date]} checked={!!checkedDates[listItem.date]}
onChange={() => onChange={() =>
onChangeSelectAllCheckBox(listItem.date) onChangeSelectAllCheckBox(listItem.date)
} }