It's a bit annoying that we need to manually click on the text input bar after every button click if we want to enter some text. The focus should be reset to the text input bar after each interaction.
To solve this problem, we can create a ref in the parent component using React.createRef() then forward it using React.forwardRef((props, ref) => (...)).
It's a bit annoying that we need to manually click on the text input bar after every button click if we want to enter some text. The focus should be reset to the text input bar after each interaction.