Got 'Cannot set properties of undefined (setting 'indeterminate')' when using custom checkbox for IndeterminateCheckbox component

[handhikadj]

Go To: https://codesandbox.io/s/nice-wave-86bbu?file=/src/App.js

CustomCheckbox.js

const CustomCheckbox = ({ value, ...props }) => {
  return <input
        type="checkbox"
        value={value}
        {...props}
      />
}

Table.js

import CustomCheckbox from 'path/to/CustomCheckbox';

const IndeterminateCheckbox = forwardRef(
  ({ indeterminate, ...rest }, ref) => {
    const defaultRef = useRef() as any;
    const resolvedRef = ref || defaultRef;

    useEffect(() => {
      resolvedRef.current.indeterminate = indeterminate;
    }, [resolvedRef, indeterminate]);

    return (
      <>
        <CustomCheckbox ref={resolvedRef} {...rest} />
      </>
    );
  },
);

function Table({column, data}) {
 // ....
}

anyway, I'm not too good at understanding how forwardRef works
how do I solve this?