Focus trap doesn't work in React 18

I’m using focus-trap-react 9.0.1 and the focus trap doesn’t seem to work. If I focus on the first <input> and press Tab twice, I land on the second <input> that sits outside the trap. What am I missing?

<div className="App">
  <FocusTrap>
    <div>
      <input type="text" />
      <button>Submit</button>
    </div>
  </FocusTrap>
  <input type="text" placeholder="I am outside the trap" />
</div>

Codesandbox

[stefcameron]

For the record, I am not a fan of this strict mode. For one thing, it violates correct assumptions about componentWillUnmount

Once a component instance is unmounted, it will never be mounted again.

(emphasis mine)

Strict mode violates this assumption. I get that React is looking forward to this day where they will decide which parts of the tree to unmount when the user goes away somewhere, but strict mode violates normal assumptions, and then they expect the entire community to not operate under those assumptions??

[stefcameron]

My pleasure!