Arrow keys doesnt work on first render

[damianfilipek81]

Hi,
i noticed that controll with arrow keys does not work on first render. I have to click somewhere on site and then it is working, but if you dont then it just scrolls to blank page. Anyone have some solution for that problem?
I tried to force click event but it doesnt do much.

If you have a solution please reply, thanks!

[ixam1]

I had the same problem, add the following to the first section of your page:

<div
  tabIndex="0"
  ref={(input) => input && input.focus()}
>

This will focus the element on first render and enable arrow keys.