TabIndex and Spreading Props

[chrispcode]

Expected result

I have a navigation bar with multiple links. Each link consists of text and an animated icon. When a user tabs inside the navigation, the only item that has to get focused is the link itself.

Actual result

The whole links gets focused on the first tab. The animated icon inside gets focused on second tab.

Ways to fix it:

1. Spread the incoming props to the component down to the inner div
2. Remove the tabIndex or make it a prop

I will be more than happy to submit a pull request, if you give me green light!
Thank you for the excellent work!

[chrispcode]

Anyone looking for a solved version of this problem or a typescript version of react-lottie here is a version:
https://gist.github.com/chrispcode/2c12af4e6a8c2cca242c64559cd3fb90