Function Option(props){ const { data, innerRef, innerProps } =

Question

Function Option(props){ const { data, innerRef, innerProps } =

props;
const [allCheck, setAllCheck] = useState(true);

return !data.custom ? (
data.value==='*' && data.isSelected===true? (<div>
<components.Option {...props}>
<Checkbox
style={{ color: "black" }}
checked={props[allCheck]}
onChange={this.handleCheck}

/>
{" "}
<label style={{ fontWeight: "500" }}>{props.label}</label>
</components.Option>
</div>):(
<div>
<components.Option {...props}>
<Checkbox
style={{ color: "black" }}
checked={props['isSelected']}
onChange={(e)=>{setAllCheck(false)}}

/>
{" "}
<label style={{ fontWeight: "500" }}>{props.label}</label>
</components.Option>
</div>
)
)