error when using react component as tag

[availity]

error when using react component as tag

[TheSharpieOne]

The code needs to have access to the wrapping component to determine if any element within it has focus. It does this to determine if focus should be removed when blocking starts.
The tag was intended to be used as you are using it, allowing for any component to be used.
The simplest solution here would be to restrict the focus management feature to when tag is a strings... but that would suck.

[TheSharpieOne]

I added a helper element which I can use to dynamically get the wrapping element from to determine focus. This should resolve your issue.

[GoPro16]

@TheSharpieOne I'm not sure if your helper resolved this issue. I created a code sandbox link as an example of this error still persisting only on the first load since the ref doesn't exist yet. After that, "during development" on react hot reloads the error doesn't re-pop up.

https://codesandbox.io/s/7jw0k58j41

[TheSharpieOne]

Apparently I broke this with this commit: 7ba8b8e
I added a ref back to the wrapping component where Tag is used :(

The container was used to determine the size of the content being blocked to keep the loading indicator centered. Could probably use the helpers to determine the top and bottom of the content area instead of the wrapping container.