Javascript 功能组件内的反应-陷阱焦点？

我有一个滑动面板。它有几个选项，您可以通过选项卡进行查看。我想防止用户在滑出面板打开时能够用tab键锁定滑出面板后面的内容

我尝试过使用

react focus trap

，但它根本不起作用（不再维护）。没有错误，只是没有任何东西被捕获

我尝试使用了

focus-react-trap

，但这对我的功能组件不起作用。我得到以下错误：

Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

还有这个错误：

Uncaught TypeError: Cannot read property 'ownerDocument' of null
    at tabbable

如何在活动时在滑出面板中捕捉键盘焦点？

使用，或同时捕捉屏幕阅读器的焦点。

使用，或同时捕捉屏幕阅读器的焦点