I’ve been trying to build a read-only checkbox that would represent indeterminate state.
The read-only checkbox state would be derived from a list of items. If some items are not selected, then it should render the indeterminate state. Here is a basic example.
My lists are driven by hooks from rescript-recoil, so whenever I use this example component, it fails to render the indeterminate state in some specific cases, even when the prop is passed as Indeterminate.
The ref of the input tag is typed as ReactDOM.domRef - it rejects and function passed to it so I could go with %raw() but I dont want to.
What am I doing wrong with the ReadOnlyCheckbox component from the example which can cause React to ignore the input.indeterminate=true ?