Dynamic segments called "key" are silently removed

[polarblau]

If a dynamic segment is called “key” it will be silently removed from the props.

/some-path/:foo/bar/:key — would include foo in the props passed to the child component but not key.

The docs state:

Reserved Names: You can name your parameters anything want except uri and path. You’ll get a warning if you try, so don’t worry if you didn’t actually read these docs (… 🤔).

I’m assuming that this issue happens due to a clash with React? However, a dynamic segment called e.g. className seems to be passed fine.

My suggestion would be to either find a way to pass the parameter as any other or include a note in the documentation. key might be a more common parameter name than others.

Attached is a failing test. Additionally — and maybe easier — you can see the issue here: https://codesandbox.io/s/mystifying-golick-fchxm?file=/src/App.js