`active` and `paused` props don't work

I have smoothly animating dialogs that fade in and fade out.

All the examples assume that the dialogs have no intro or outro animations.

I’ve forked the repository and converted the “demo-defaults” example into a test case example of what I need FocusTrap to be able to do: https://github.com/Dan503/focus-trap-react/blob/master/demo/js/demo-defaults.js#L36

There are active and paused props according to the index.d.ts file but when I try to use them, I get this error:

Uncaught Error: Your focus-trap must have at least one container with at least one tabbable node in it at all times

Basically this is what I’m asking for (in pseudo code terms):

if ( `active` prop equals `true` ) {
    activate the focus-trap
}
else if ( `active` prop equals `false` ) {
    deactivate the focus-trap
}

if ( `paused` prop equals `true` ) {
    pause the focus-trap
}
else if ( `paused` prop equals `false` ) {
    resume the focus-trap
}

[stefcameron]

This was ultimately fixed with #394 that was published in v8.6.0.

[Dan503]

Pull request created for focus-trap: https://github.com/focus-trap/focus-trap/pull/407