Calling useRef and useEffect inside forwardRef gives an invalid hook error

[bmi-sai]

The code below gives invalid hook errors.

React Hook "React.useRef" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks
React Hook "React.useEffect" cannot be called inside a callback. React Hooks must be called in a React function component or a custom React Hook function react-hooks/rules-of-hooks

    const IndeterminateCheckbox = React.forwardRef(
        ({ indeterminate, ...rest }, ref) => {
          const defaultRef = React.useRef(null);
          const resolvedRef = ref || defaultRef;
    
          React.useEffect(() => {
            resolvedRef.current.indeterminate = indeterminate;
          }, [resolvedRef, indeterminate]);
    
          return (
            <>
              <input type="checkbox" ref={resolvedRef} {...rest} />
            </>
          );
        }
      );