Default Camera Movement not Updating camera.position

Hello,
I was unable to get the position from the recommended example for react and Babylon, added the event listener:

canvas.addEventListener("keydown", e=>{
	if(e.key === "f") console.log(camera.position)
})

to src/Viewer/index.js, line 26.
Then I tried navigating in the browser with the arrow keys and pressing f to get the current pos. Nothing happened.
I then added a button element within the canvas to grab focus from tab in src/BabylonScene/index.js line 86:

		<canvas
			{...opts}
			ref={this.onCanvasLoaded}
			role="image"
		>
			<button>Focus button</button>
		</canvas>

With the button there, I am able to get f to print the current position, but I am unable to change the position.
I am able to get the movement to work if I am not in a react app.