Multiple tabindex="-1" DIVs

If I understand the accessibility issue correctly, why would we ever need more than one of those extra DIV layers in our app? I am seeing one added for every nesting level in my routes. If I'm on a page that is nested 2 layers into my Router, I have 3 of those injected divs.

Originally posted by @TroyWolf in https://github.com/reach/router/issues/270#issuecomment-730599682

$ yarn list | grep reach
├─ @reach/[email protected]
│  ├─ @reach/router@^1.3.3
│  ├─ @types/reach__router@^1.3.5
│  ├─ @reach/router@^1.3.3
│  ├─ @types/reach__router@^1.3.5
├─ @types/[email protected]