React tri-state checkbox indeterminate null error

I am trying to implement a triple-state checkbox to react. The repeated clicking on the checkbox would cycle through blank->checked->crossed->blank->... like this. With all look around and searching for answers, I came along a reference : Indeterminate checkbox in React JSX.

I tried the following with my sample checkbox code: https://codesandbox.io/s/exciting-roentgen-wt5hj.

But eventually it throws me an error: can't access property "indeterminate", el is null.

Any help to resolve the same please.

Thanks :)