Reach-ui: @reach/alert-dialog: expects a function but forwardRef returns an object?

[sanderfish]

@reach/alert-dialog expects prop ref to be a function, but React's forwardRef returns an object. Am I doing something wrong with forwarding the ref or should @reach/alert-dialog also accept an object?

This is the error I'm getting:

Warning: Failed prop type: Invalid prop `leastDestructiveRef` of type `object` supplied to `AlertDialog`, expected `function`.

CodeSandbox: https://codesandbox.io/s/youthful-euclid-o9e4b

[OlehKhozhai]

updated https://codesandbox.io/s/condescending-stonebraker-fwlum

Same warning, but other problem.

[chaance]

Fixed in https://github.com/reach/reach-ui/pull/301/files#diff-c97e9a808b154016bfaa2e9d32d1cbf6R108

[CClerville]

This error still occurs...

[chaance]

@CClerville, we fixed the proptype check but haven't cut a new release yet. @mjackson will be doing that tomorrow or Wednesday so after our next update the warning should go away.

[CClerville]

@chancestrickland awesome! perfect timing.